<!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/1243/dORX12430762.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Frequently,Asked,Questions" />
<meta name="title" content="Frequently Asked Questions - CHAI CENTER-CHABAD" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="390169-390177-4128868-7309083-7309111-7309113" />
<meta name="article-keywords" content="19478-19479-19958-20962-8495-8972-18927-19353-19480-2170-2898-2471-537-6939-31567-32228-63" />
<meta name="scope-aid" content="390169" />
<meta name="scope-aid" content="390177" />
<meta name="scope-aid" content="4128868" />
<meta name="scope-aid" content="7309083" />
<meta name="scope-aid" content="7309111" />
<meta name="scope-aid" content="7309113" />
<meta name="article-keyword" content="19478" />
<meta name="article-keyword" content="19479" />
<meta name="article-keyword" content="19958" />
<meta name="article-keyword" content="20962" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8972" />
<meta name="article-keyword" content="18927" />
<meta name="article-keyword" content="19353" />
<meta name="article-keyword" content="19480" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="2471" />
<meta name="article-keyword" content="537" />
<meta name="article-keyword" content="6939" />
<meta name="article-keyword" content="31567" />
<meta name="article-keyword" content="32228" />
<meta name="article-keyword" content="63" />
<meta property="og:url" content="https://www.mychaicenter.com/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Frequently Asked Questions - CHAI CENTER-CHABAD" /><link rel="canonical" href="https://www.mychaicenter.com/" />
<link rel="icon" type="image/png" href="https://www.mychaicenter.com/media/images/1243/dORX12430762.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=30C57FF9" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/minisites/themes/plannedgiving/styles.css?v=1F9C44F5" id="k19353" 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/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2026-03-30","primaryArticleId":2569759,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Donate Online","contentLevel3":"Planned Giving","contentLevel4":"Resources","contentLevel5":"Frequently Asked Questions","siteName":"CHAI CENTER-CHABAD"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":12,"hebrewDate":"5786-04-05"}});
		dataLayer.push({ 'articleHierarchy': '-390169-390177-4128868-7309083-7309111-7309113-', 'keywords': '-k63-k32228-k31567-k6939-k537-k2471-k2898-k2170-k19480-k19353-k18927-k8972-k8495-k20962-k19958-k19479-k19478-', 'k': '-390169-390177-4128868-7309083-7309111-7309113--k63-k32228-k31567-k6939-k537-k2471-k2898-k2170-k19480-k19353-k18927-k8972-k8495-k20962-k19958-k19479-k19478-' });
	
</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 = 1690645;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "2c25e207";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=1690645&amp;java=0&amp;security=2c25e207&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="g5R683IMfZg7Hww8bf2qlUC8cAz7tu_PiY0RUu0vy3s" />

<script>
const h1 = document.querySelector('h1');
if (h1 && h1.innerHTML === 'Page Not Found') {
 window.location.href = '/';
}
</script><title>
	Frequently Asked Questions - CHAI CENTER-CHABAD
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.MyChaiCenter.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;CHAI CENTER-CHABAD</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 type="text/css">
	.cco_templateless_template,
	.cco_templateless_template a {
		background: #6C0647;
	}
.sidebar-ads co\:item {
    padding: 3%;
    text-align: center;
    background: #690645;
    display: block;
    margin-bottom: 3%
}

.section_root .sidebar-ads co\:item {
    float: left;
    width: 315px;
    padding: 12px 0;
    text-align: center;
    background: #690645;
    display: block;
    margin-left: 15px
}

body.mobile.section_root .sidebar-ads co\:item {
    float: none;
    display: block;
    width: 100%;
    margin: 5px 0
}

.section_root .sidebar-ads co\:item:first-child {
    margin: 0
}

.sidebar-ads co\:item a {
    text-decoration: none;
    position: absolute;
    width: 283px;
    height: 167px
}

.sidebar-ads co\:item img {
    width: 90%
}

.sidebar-ads co\:item .caption {
    font: 12px/18px Merriweather, times, serif;
    color: #a7a6a2;
    margin-top: 15px
}
co\:item {display:unset!important}
</style>
<div id="chabad_body_page">
<div id="chabad_main_content" class="container">


<div id="chabad_head" class="header">



<div class="chabad_header header-logo" data-href="/7309083">
<a href="/7309083" class="header-title" title="Planned Giving">
<span>
Planned Giving to Chabad
</span></a>
<div class="header-subtitle">
<a href="/7309083" class="header-subtitle" style="text-decoration:none">
Make Your Legacy a Jewish Future
</a>
</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent arrow">
<a href="/article.asp?aid=7309084" class="parent arrow">Why Giving Matters</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7309085">Changing Jewish Destiny</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309086">Chabad In The News</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309087">The Rebbe's Mandate</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309088">Giving In Jewish Tradition</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7309089">Donor Stories</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=7309097" class="parent arrow">Ways To Give</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7309098">Bequest</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309099">Charitable Gift Annuity</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309100">Real Estate</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309101">Life Insurance</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309103">Charitable Trusts</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309104">Retirement Plans</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7309105">Planned Giving Videos</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=7309107" class="parent arrow">Gratitude</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7309108">Jewish Legacy Society</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7309109">My Story</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=7309111" class="parent arrow selected">Resources</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7309112">Bequest Form</a>
</li>
<li class="item selected">
<a href="/article.asp?aid=7309113">Frequently Asked Questions</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309114">Advisor Information</a>
</li>
<li class="item">
<a href="/article.asp?aid=7309115">Planned Giving Council</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7309116">Glossary of Terms</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=7309117" class="parent arrow">Contact</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7309118">Contact Us</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7309119">Share Your Story</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>



</div>

<div class="break_floats" ></div>
<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Frequently Asked Questions</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2026-03-30T10:50:02" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="CHAI CENTER-CHABAD" />
	<meta itemprop="brand" content="CHAI CENTER-CHABAD" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1243/dORX12430762.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2026-03-30T10:50:02" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
    <dl>
      <dt>Why should I remember Chabad in my will?</dt>
<dd>You care deeply about Jewish continuity and want to see Judaism flourish in your community. Chabad is serving our local community today and will continue to serve generations into the future.</dd>
<dt>I am not a wealthy person. Can my gift make a Difference?</dt>
<dd>Yes, every gift is important. Leaving a bequest to Chabad is your opportunity to take care of your family and create a meaningful Jewish legacy.</dd>
<dt>What is a Bequest?</dt>
<dd>A bequest is a gift of property or assets left to Chabad in your will. A bequest can be established as either a percentage of your estate or a fixed sum. Every bequest to Chabad is a powerful expression of faith and goodwill in the future of our Jewish community.</dd>
<dt>How can my money work for me in my lifetime?</dt>
<dd>A charitable gift annuity is one of the most popular ways to help Chabad and receive income during your lifetime. For example, you can set up a gift annuity and receive a guaranteed payment far above market rates. The current rate for an 80 year old single life term is 6.8% percent.</dd>
<dt>How can Life Insurance benefit Chabad?</dt>
<dd>You can make a substantial Jewish legacy gift to Chabad through designating Chabad as the named beneficiary of your existing life insurance policy. This gift can, in some circumstances, be far greater than anything you could donate during your lifetime.</dd>
<dt>What if I am ready to remember Chabad in my Estate Plan?</dt>
<dd>We would be honored to enroll you in the Jewish Legacy Society. Please take a moment and contact our center for a confidential consultation. Informing Chabad about your intentions allows us to plan appropriately for the future. Thank you in advance for this generous contribution.</dd>
    </dl>
  </div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/7309114/jewish/Advisor-Information.htm" data-aid="7309114">Advisor Information</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/7309115/jewish/Planned-Giving-Council.htm" data-aid="7309115">Planned Giving Council</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/" data-aid="7309116">Glossary of Terms</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/7309112/jewish/Bequest-Form.htm" data-aid="7309112">Bequest Form</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div><div class="co_section">
<div class="co_section_head">
<div>In this Section</div>
</div>
<div class="co_section_body">
<div class="co_section_gradient">
<div class="co_section_text">
<div class="item first">
<span>●</span>
<a href="/article.asp?aid=7309112">Bequest Form</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=7309113">Frequently Asked Questions</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=7309114">Advisor Information</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=7309115">Planned Giving Council</a>
</div>
<div class="item last">
<span>●</span>
<a href="/article.asp?aid=7309116">Glossary of Terms</a>
</div>
</div>
</div>
</div>
<div class="co_section_footer" ></div>
</div>
<div class="chabad_right_column">
<div class="caption" id="contact-address">

<p>Rabbi Hershy Bronstein<br/>Chai Center Chabad<br/> 5761 Coral Ridge Drive, Coral Springs<br/> Coral Springs, FL, 33076-3101<br/> 954-715-7254<br/> 
<a href="mailto:rabbibronstein@gmail.com">rabbibronstein@gmail.com</a></p>
</div>

<ul class="sidebar-ads">


<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/7309085" ></a>


<img src="https://w2.chabad.org/media/images/1365/TXcI13650940.jpg" alt="Changing Jewish Destiny" border="0" />

<div class="caption">
Changing Jewish Destiny
</div>

</co:item>



<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/7309109" ></a>


<img src="https://w2.chabad.org/media/images/1365/PtJb13650950.jpg" border="0" />

<div class="caption">
My Story
</div>
</co:item>



<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/7309105" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-planned-giving.png" border="0" />

<div class="caption">
Planned Giving Videos
</div>

</co:item>


</ul>


</div>
</div>
</div>
<div id="border_bottom" ></div>
</div>
<!-- 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.mychaicenter.com%2f%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=Frequently+Asked+Questions+-+CHAI+CENTER-CHABAD&amp;url=https%3a%2f%2fwww.mychaicenter.com%2f%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=Frequently+Asked+Questions+-+CHAI+CENTER-CHABAD https%3a%2f%2fwww.mychaicenter.com%2f%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.mychaicenter.com%2f%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Frequently+Asked+Questions+-+CHAI+CENTER-CHABAD">
				<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, 7309111);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>CHAI CENTER-CHABAD | 5761 Coral Ridge Drive | Coral Springs, FL 33076-3101 | 954-715-7254 | 501c3 EIN 46-4126349</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-1.8.3.min.js?v=14C45307"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.tools.expose.min.js?v=AB0A58F7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.tools.1.2.7.min.js?v=FBC14E36"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=F57AAD39"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/plannedgiving/custom.js?v=8742C543"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></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:'CHAI CENTER-CHABAD'}; Co.ArticleId     = '7309113';Co.SectionId     = 4128868;Co.PartnerSiteId = 0;Co.SiteId        = 6503;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'MyChaiCenter.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
/**
 * Chai Center Kitchen Campaign – DOM Injection Script (v2)
 * Runs ONLY on pages whose URL contains /templates/articlecco_cdo/aid/7377803
 *
 * Changes vs v1:
 * • Scroll-progress bar (teal #47797c) fixed across the very top of the page
 * • Word-split animations on hero headline + section headings (from original HTML)
 * • Intersection-Observer driven reveal animations on cards, about section, etc.
 * • doGet / doPost now wired to ChaiKitchen_GoogleAppsScript.js (deploy that first)
 */

(function () {
  /* ── Guard: only run on the correct page ──────────────────────── */
  if (!window.location.href.includes('/templates/articlecco_cdo/aid/7377803')) return;

  /* ── Config ────────────────────────────────────────────────────── */
  // After deploying ChaiKitchen_GoogleAppsScript.js as a Web App, paste the URL here:
  const GAS_WEB_APP_URL = 'https://script.google.com/macros/s/AKfycbxhU_-m7z-urk_eycRaWwpXaJ8y0HjNgBXyQkBrJ_Y3Zy4oTLzgvmS6SrA2AKaBzXEWxA/exec';

  const GOOGLE_SHEET_JSON_URL = 'https://script.google.com/macros/s/AKfycbxhU_-m7z-urk_eycRaWwpXaJ8y0HjNgBXyQkBrJ_Y3Zy4oTLzgvmS6SrA2AKaBzXEWxA/exec?action=getReserved';

  /* ─────────────────────────────────────────────────────────────────
      STEP 0 – Remove "Back to Chai Center" banner
  ───────────────────────────────────────────────────────────────── */
  function removeBanner() {
    document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
    const obs = new MutationObserver(() => {
      document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
    });
    obs.observe(document.body, { childList: true, subtree: true });
  }

  /* ─────────────────────────────────────────────────────────────────
      STEP 1 – Inject Google Fonts + Design-system CSS
  ───────────────────────────────────────────────────────────────── */
  function injectCSS() {
    const fontLink = document.createElement('link');
    fontLink.rel = 'stylesheet';
    fontLink.href = 'https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Mulish:ital,wght@0,300;0,400;0,700;0,800;1,700;1,800&family=Outfit:wght@300;400;600;700;800&family=Montserrat:wght@700&display=swap';
    document.head.appendChild(fontLink);

    const style = document.createElement('style');
    style.id = 'chai-kitchen-styles';
    style.textContent = `
      /* ── Design Tokens ── */
      :root {
        --ck-hero-bg:      #1e3c3e !important;
        --ck-dark:         #1d3233 !important;
        --ck-sage:         #e8efe7 !important;
        --ck-sage-muted:   #dce2db !important;
        --ck-teal:         #47797c !important;
        --ck-teal-mid:     #588f92 !important;
        --ck-blue:         #1374be !important;
        --ck-white:        #ffffff !important;
        --ck-gray-bg:      #f6f6f6 !important;
        --ck-gray-border:  #d8d8d8 !important;
        --ck-text-mid:     #4c4c4c !important;
        --ck-text-sec:     #535353 !important;
        --ck-radius-sm:    5px !important;
        --ck-radius-md:    6px !important;
        --ck-radius-lg:    8px !important;
        --ck-radius-xl:    10px !important;
        --ck-radius-pill:  41px !important;
      }

      /* ── Global resets for the injected wrapper ── */
      #chai-kitchen-wrapper *,
      #chai-kitchen-wrapper *::before,
      #chai-kitchen-wrapper *::after {
        box-sizing: border-box !important;
      }
      #chai-kitchen-wrapper { 
        font-family: 'Mulish', Arial, sans-serif !important; 
        overflow-x: hidden !important; 
      }

      /* ═══════════════════════════════════════════════════════════════
         SCROLL PROGRESS BAR
         Fixed across top of viewport; fills left-to-right in teal
         as user scrolls the page.
      ═══════════════════════════════════════════════════════════════ */
      #ck-page-progress {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 10px !important;
        width: 0%;
        background: l#588f92 !important;
        z-index: 9999999 !important;
        transition: width 0.08s linear !important;
        pointer-events: none !important;
        border-radius: 0 3px 3px 0 !important;
        /* subtle glow so it pops on light and dark backgrounds */
        box-shadow: 0 0 8px rgba(71, 121, 124, 0.6) !important;
      }

      /* ═══════════════════════════════════════════════════════════════
         WORD / BLOCK ANIMATION SYSTEM
         .animate-words  → each word slides up on scroll into view
         .animate-block  → whole element fades + slides up on scroll
      ═══════════════════════════════════════════════════════════════ */

      /* Base hidden state for word containers */
      .animate-words .anim-word {
        display: inline-block !important;
        transform: translateY(110%) !important;
        opacity: 0 !important;
        transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1),
                    opacity   0.55s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      }
      /* Overflow clip on wrapper spans */
      .animate-words .anim-word-outer {
        display: inline-block !important;
        overflow: hidden !important;
        vertical-align: bottom !important;
      }

      /* Triggered state */
      .animate-words.is-visible .anim-word {
        transform: translateY(0%) !important;
        opacity: 1 !important;
      }

      /* Block animations */
      .animate-block {
        opacity: 0 !important;
        transform: translateY(28px) !important;
        transition: opacity 0.65s cubic-bezier(0.2, 0.8, 0.2, 1),
                    transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      }
      .animate-block.is-visible {
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      /* Staggered children inside a revealed parent */
      .animate-stagger > * {
        opacity: 0 !important;
        transform: translateY(22px) !important;
        transition: opacity 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
                    transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      }
      .animate-stagger.is-visible > * {
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      /* Card stagger: apply data-delay inline */
      .ck-d-card, .ck-a-tile {
        opacity: 0;
        transform: translateY(18px) !important;
        transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
                    transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
                    box-shadow 0.3s ease,
                    background-color 0.3s ease,
                    border-color 0.3s ease !important;
      }
      .ck-d-card.ck-anim-visible, .ck-a-tile.ck-anim-visible {
        opacity: 1;
        transform: translateY(0) !important;
      }
      /* After anim fires, allow hover transforms again */
      .ck-d-card.ck-anim-visible:hover:not(.ck-reserved),
      .ck-a-tile.ck-anim-visible:hover {
        transform: translateY(-2px) !important;
      }

      /* ── HERO ── */
      .ck-hero {
        background-color: #1e3c3e !important;
        position: relative !important; 
        min-height: 689px !important;
        overflow: hidden !important; 
        display: flex !important;
        align-items: stretch !important;
      }
      .ck-hero__blueprint {
        position: absolute !important; 
        left: -180px !important; 
        top: -212px !important;
        width: 570px !important; 
        height: 1176px !important;
        transform: rotate(-89.67deg) !important; 
        transform-origin: center center !important;
        opacity: 0.75 !important; 
        pointer-events: none !important;
      }
      .ck-hero__blueprint img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important; 
      }
      .ck-hero__photo {
        position: absolute !important; 
        right: 0 !important; 
        top: 0 !important;
        width: 50% !important; 
        height: 100% !important; 
        overflow: hidden !important;
        animation: ckSlideInRight 1.2s cubic-bezier(0.2,0.8,0.2,1) forwards !important;
      }
      .ck-hero__photo img {
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important;
        transition: transform 0.8s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      .ck-hero:hover .ck-hero__photo img { 
        transform: scale(1.02) !important; 
      }
      .ck-hero__photo::after {
        content: '' !important; 
        position: absolute !important; 
        inset: 0 !important;
        background: linear-gradient(225.77deg,rgba(102,102,102,.26) 12.59%,rgba(0,0,0,.26) 96.31%) !important;
      }
      .ck-hero__content {
        position: relative !important; 
        z-index: 2 !important;
        padding: 116px 0 96px 116px !important;
        display: flex !important; 
        flex-direction: column !important;
        gap: 37px !important; 
        max-width: 50% !important; 
        width: 100% !important;
      }
      .ck-hero__logo {
        width: 166px !important; 
        height: 112px !important; 
        overflow: hidden !important;
        opacity: 1 !important; 
        transform: translateY(16px) !important;
        animation: ckFadeUp 0.7s cubic-bezier(0.2,0.8,0.2,1) 0.3s forwards !important;
      }
      .ck-hero__logo img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: contain !important; 
        object-position: left top !important; 
      }
      .ck-hero__body { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 49px !important; 
      }
      .ck-hero__top { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 6px !important; 
      }
      .ck-hero__eyebrow {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 18px !important; 
        letter-spacing: 1.08px !important;
        text-transform: uppercase !important; 
        color: #ffffff !important;
        opacity: 1 !important;
        animation: ckFadeUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 0.5s forwards !important;
      }
      .ck-hero__headline {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 400 !important;
        font-size: clamp(34px, 3.5vw, 50px) !important; 
        line-height: 1.1 !important;
        color: #e8efe7 !important; 
        text-transform: capitalize !important;
      }
      .ck-hero__headline em   { font-style: italic !important; font-weight: 500 !important; }
      .ck-hero__headline strong { font-style: italic !important; font-weight: 700 !important; }

      /* Hero headline word-by-word entrance */
      .ck-hero__headline .anim-word-outer {
        display: inline-block !important; 
        overflow: hidden !important;
        vertical-align: bottom !important; 
        margin-right: 0.25em !important;
      }
      .ck-hero__headline .anim-word {
        display: inline-block !important;
        opacity: 0 !important;
        transform: translateY(110%) !important;
        transition: transform 0.6s cubic-bezier(0.2,0.8,0.2,1),
                    opacity 0.6s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      /* Words animate in immediately (hero is always visible on load) */
      .ck-hero__headline.ck-hero-words-ready .anim-word {
        opacity: 1 !important;
        transform: translateY(0%) !important;
      }

      /* CTA button entrance */
      .ck-hero .ck-btn-white {
        opacity: 1 !important;
        animation: ckFadeUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 1s forwards !important;
      }

      @keyframes ckFadeUp {
        from { opacity: 0; transform: translateY(18px); }
        to   { opacity: 1; transform: translateY(0); }
      }
      @keyframes ckSlideInRight {
        0%   { transform: translateX(100%); }
        100% { transform: translateX(0); }
      }

      /* ── Shared buttons ── */
      .ck-btn-white, .ck-btn-outline, .ck-btn-dark {
        display: inline-flex !important; 
        align-items: center !important;
        justify-content: center !important; 
        border-radius: 6px !important;
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        text-transform: uppercase !important; 
        cursor: pointer !important;
        text-decoration: none !important; 
        position: relative !important;
        overflow: hidden !important; 
        z-index: 1 !important;
        transition: color 0.3s ease, border-color 0.3s ease !important;
      }
      .ck-btn-white {
        padding: 14px 33px !important; 
        background: #ffffff !important;
        border: 1px solid transparent !important; 
        font-size: 20px !important;
        color: #1e3c3e !important; 
        align-self: flex-start;
      }
      .ck-btn-white::before {
        content: '' !important; 
        position: absolute !important;
        top: 0 !important; 
        left: 0 !important; 
        width: 0% !important;
        height: 100% !important; 
        background: #112526 !important;
        transition: width 0.3s ease !important; 
        z-index: -1 !important;
      }
      .ck-btn-white:hover::before { width: 100% !important; }
      .ck-btn-white:hover { color: #ffffff !important; border-color: #ffffff !important; }
      
      .ck-btn-outline {
        padding: 14px 31px !important; 
        border: 1px solid #000 !important;
        font-size: 16px !important; 
        color: #1d3233 !important;
        background: transparent !important;
      }
      .ck-btn-outline::before {
        content: '' !important; 
        position: absolute !important;
        top: 0 !important; 
        left: 0 !important; 
        width: 0% !important;
        height: 100% !important; 
        background: #1d3233 !important;
        transition: width 0.3s ease !important; 
        z-index: -1 !important;
      }
      .ck-btn-outline:hover::before { width: 100% !important; }
      .ck-btn-outline:hover { color: #ffffff !important; }
      
      .ck-btn-dark {
        padding: 14px 31px !important; 
        background: #1d3233 !important;
        border: 1px solid transparent !important; 
        font-size: 16px !important;
        color: #ffffff !important;
      }
      .ck-btn-dark::before {
        content: '' !important; 
        position: absolute !important;
        top: 0 !important; 
        left: 0 !important; 
        width: 0% !important;
        height: 100% !important; 
        background: #ffffff !important;
        transition: width 0.3s ease !important; 
        z-index: -1 !important;
      }
      .ck-btn-dark:hover::before { width: 100% !important; }
      .ck-btn-dark:hover { color: #1d3233 !important; border-color: #1d3233 !important; }

      /* ── Progress section ── */
      .ck-progress-section {
        background: #e8efe7 !important; 
        padding: 44px 24px !important;
      }
      .ck-progress-inner {
        max-width: 900px !important; 
        margin: 0 auto !important;
        display: flex !important; 
        flex-direction: column !important;
        gap: 18px !important; 
        align-items: center !important;
      }
      .ck-progress-stats { 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        gap: 2px !important; 
      }
      .ck-stat-line { 
        display: flex !important; 
        gap: 9px !important; 
        align-items: flex-end !important; 
        flex-wrap: wrap !important; 
        justify-content: center !important; 
      }
      .ck-stat-label {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 18px !important; 
        letter-spacing: 1.08px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important;
      }
      .ck-stat-value {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 700 !important;
        font-style: italic !important; 
        font-size: 25px !important; 
        color: #47797c !important;
      }
      .ck-progress-bar-wrap { 
        width: 100% !important; 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 23px !important; 
        align-items: center !important; 
      }
      .ck-progress-bar {
        width: 100% !important; 
        height: 48px !important; 
        background: #ffffff !important;
        border-radius: 41px !important; 
        overflow: hidden !important; 
        position: relative !important;
      }
      .ck-progress-fill {
        position: absolute !important; 
        left: 0 !important; 
        top: 0 !important;
        width: 0%; 
        height: 100% !important; 
        background: #588f92 !important;
        border-radius: 41px !important; 
        display: flex !important;
        align-items: center !important; 
        justify-content: flex-end !important;
        padding-right: 14px !important;
        transition: width 1.5s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      .ck-progress-pct {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-style: italic !important; 
        font-size: 16px !important;
        text-transform: uppercase !important; 
        color: #ffffff !important;
        opacity: 0 !important; 
        transition: opacity 0.5s ease 1s !important;
      }
      .ck-progress-fill.ck-filled .ck-progress-pct { 
        opacity: 1 !important; 
      }
      .ck-progress-buttons { 
        display: flex !important; 
        gap: 28px !important; 
        align-items: center !important; 
        flex-wrap: wrap !important; 
        justify-content: center !important; 
      }

      /* ── About section ── */
      .ck-about-section {
        background: #ffffff !important; 
        padding: 100px 0 !important; 
        overflow: hidden !important;
      }
      .ck-about-inner {
        max-width: 1440px !important; 
        margin: 0 auto !important; 
        padding: 0 80px !important;
        display: grid !important; 
        grid-template-columns: 48% 1fr !important;
        gap: 60px !important; 
        align-items: center !important;
      }
      .ck-about-images { 
        position: relative !important; 
        height: 660px !important; 
      }
      .ck-about-img-back {
        position: absolute !important; 
        left: 0 !important; 
        top: 40px !important;
        width: 440px !important; 
        height: 480px !important;
        overflow: hidden !important; 
        opacity: 0.3 !important;
      }
      .ck-about-img-back img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important; 
        transform: scaleY(-1) rotate(180deg) !important; 
      }
      .ck-about-img-main {
        position: absolute !important; 
        left: 54px !important; 
        top: 110px !important;
        width: 480px !important; 
        height: 550px !important; 
        overflow: hidden !important;
        opacity: 0 !important; 
        transform: translateX(-30px) !important;
        transition: opacity 0.9s cubic-bezier(0.2,0.8,0.2,1),
                    transform 0.9s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      .ck-about-img-main.is-visible { 
        opacity: 1 !important; 
        transform: translateX(0) !important; 
      }
      .ck-about-img-main img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important; 
      }
      .ck-about-img-main::after {
        content: '' !important; 
        position: absolute !important; 
        inset: 0 !important;
        background: linear-gradient(238.47deg,rgba(0,0,0,.2) 12.48%,rgba(102,102,102,.2) 90.36%) !important;
      }
      .ck-about-content { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 0px !important; 
      }
      .ck-section-eyebrow {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 18px !important; 
        letter-spacing: 1.08px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important; 
        margin: 0 !important;
      }
      .ck-about-intro {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 400 !important;
        font-size: 18px !important; 
        line-height: 1.65 !important; 
        color: #000 !important;
      }
      .ck-about-points { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 31px !important; 
        margin-top: 8px !important; 
      }
      .ck-about-point { 
        display: flex !important; 
        gap: 20px !important; 
        align-items: flex-start !important; 
      }
      .ck-about-point__icon { 
        flex-shrink: 0 !important; 
        width: 90px !important; 
        height: 120px !important; 
        overflow: hidden !important; 
        position: relative !important; 
      }
      .ck-about-point__icon img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: contain !important; 
      }
      .ck-about-point__body { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 5px !important; 
      }
      .ck-about-point__title {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 700 !important;
        font-style: italic !important; 
        font-size: 25px !important;
        color: #1d3233 !important; 
        line-height: 1.2 !important;
      }
      .ck-about-point__text {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 400 !important;
        font-size: 18px !important; 
        line-height: 1.65 !important;
        color: #000 !important; 
        max-width: 517px !important;
        margin: 0;
      }

      /* ── Dedication header banner ── */
      .ck-ded-header-inject {
        background: #e8efe7 !important; 
        padding: 71px 115px 48px !important;
        text-align: center !important;
      }
      .ck-ded-header-title {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: clamp(20px, 2.1vw, 30px) !important; 
        letter-spacing: 1.8px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important;
        margin-bottom: 8px !important;
      }
      .ck-ded-header-sub {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 300 !important;
        font-size: 18px !important; 
        color: #000 !important; 
        line-height: 1.65 !important;
      }

      /* ── Category titles ── */
      .ck-cat-title {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 400 !important;
        font-style: italic !important; 
        font-size: clamp(36px, 3.8vw, 55px) !important;
        color: #1d3233 !important; 
        line-height: 0.85 !important;
        margin-bottom: 24px !important; 
        text-transform: capitalize !important;
      }

      /* ── Overriding JotForm container styling ── */
      #formContainer, #formContainer .form-all {
        font-family: 'Mulish', Arial, sans-serif !important;
        background: #e8efe7 !important;
        padding: 0 115px !important;
        max-width: 100% !important;
        width: 100% !important;
      }
      #formContainer .form-all {
        max-width: 1440px !important;
        margin: 0 auto !important;
        padding: 0 0 80px !important;
      }
      #formContainer .form-section { 
        list-style: none !important; 
        padding: 0 !important; 
      }

      /* ── Card styles for checkboxes ── */
      .ck-card-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 18px !important;
        margin-bottom: 24px !important;
      }
      .ck-d-card {
        background: #ffffff !important; 
        border: 0.845px solid #ffffff !important;
        border-radius: 6.762px !important; 
        min-height: 103px !important;
        overflow: hidden !important; 
        display: flex !important;
        align-items: center !important; 
        padding: 16px 34px !important;
        gap: 16px !important; 
        cursor: pointer !important;
        position: relative !important;
      }
      /* hover only after animation has run (class added by JS) */
      .ck-d-card.ck-anim-visible:hover:not(.ck-reserved) {
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
        transform: translateY(-2px) !important;
      }
      .ck-d-card--alt { 
        background: #dce2db !important; 
        border-color: #dce2db !important; 
      }
      .ck-d-card.ck-selected {
        background-color: #1d3233 !important; 
        border-color: #1d3233 !important;
      }
      .ck-d-card.ck-selected .ck-d-card__name,
      .ck-d-card.ck-selected .ck-d-card__amount { 
        color: #ffffff !important; 
      }
      .ck-d-card.ck-selected .ck-d-card__check {
        background-color: #ffffff !important; 
        border-color: #ffffff !important;
      }
      .ck-reserved { 
        opacity: 0.55 !important; 
        pointer-events: none !important; 
      }
      .ck-d-card__body { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 12px !important; 
        flex: 1 !important; 
        min-width: 0 !important; 
      }
      .ck-d-card__name {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 800 !important;
        font-size: clamp(18px, 1.8vw, 22px) !important; 
        color: #1d3233 !important;
        text-transform: capitalize !important; 
        line-height: 1 !important;
        overflow: hidden !important; 
        text-overflow: ellipsis !important;
        transition: color 0.3s ease !important;
      }
      .ck-d-card__amount {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 400 !important;
        font-size: clamp(25px, 2.3vw, 30px) !important; 
        color: #1d3233 !important;
        line-height: 1 !important; 
        display: flex !important;
        align-items: center !important; 
        gap: 12px !important;
        transition: color 0.3s ease !important;
      }
      .ck-d-card__reserved-tag {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 14px !important; 
        letter-spacing: 1px !important;
        text-transform: uppercase !important; 
        color: #47797c !important;
        background: rgba(71,121,124,.1) !important;
        padding: 4px 8px !important; 
        border-radius: 4px !important;
      }
      .ck-d-card__check {
        flex-shrink: 0 !important; 
        width: 39px !important; 
        height: 39px !important;
        border: 3px solid #1d3233 !important; 
        border-radius: 50% !important;
        margin-left: auto !important;
        transition: background-color 0.3s ease, border-color 0.3s ease !important;
      }

      /* ── Lead gifts row ── */
      .ck-lead-row { 
        display: grid !important; 
        grid-template-columns: 1fr 1fr !important; 
        gap: 18px !important; 
        margin-bottom: 18px !important; 
      }
      .ck-lead-row .ck-d-card { 
        min-height: 137px !important; 
        font-size: larger !important; 
      }
      .ck-lead-row .ck-d-card__name { 
        font-size: clamp(18px, 1.9vw, 27px) !important; 
      }
      .ck-lead-row .ck-d-card__amount { 
        font-size: clamp(25px, 2.4vw, 35px) !important; 
      }

      /* ── Other Donation Amounts tiles ── */
      .ck-other-title {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: clamp(20px, 2.1vw, 30px) !important; 
        letter-spacing: 1.8px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important;
        text-align: center !important; 
        margin-bottom: 24px !important;
      }
      .ck-amounts-row { 
        display: flex !important; 
        gap: 19px !important; 
        align-items: stretch !important; 
        flex-wrap: wrap !important; 
        justify-content: center !important; 
        width: 100% !important; 
        margin-bottom: 17px !important; 
      }
      .ck-a-tile {
        background: #ffffff !important; 
        border-radius: 5px !important;
        height: 139px !important; 
        width: 285px !important;
        flex-shrink: 0 !important; 
        position: relative !important;
        overflow: hidden !important; 
        cursor: pointer !important;
        border: 3px solid transparent !important;
      }
      .ck-a-tile.ck-anim-visible:hover {
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
        transform: translateY(-2px) !important;
      }
      .ck-a-tile.ck-selected { border-color: #1d3233 !important; }
      .ck-a-tile--alt { background: #dce2db !important; }
      .ck-a-tile__val {
        position: absolute !important; 
        top: 50% !important; 
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 800 !important;
        font-size: 35px !important; 
        letter-spacing: 2.1px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important; 
        white-space: nowrap !important;
      }
      .ck-a-tile__check {
        position: absolute !important; 
        top: 23px !important; 
        right: 23px !important;
        width: 24.5px !important; 
        height: 25px !important;
        border: 1.888px solid #1d3233 !important; 
        border-radius: 54px !important;
        transition: background-color 0.3s !important;
      }
      .ck-a-tile.ck-selected .ck-a-tile__check { 
        background-color: #1d3233 !important; 
      }
      .ck-a-tile--custom { 
        width: 589px !important; 
        flex-shrink: 0 !important; 
      }
      .ck-a-tile--custom .ck-a-tile__label {
        position: absolute !important; 
        top: 50% !important; 
        left: 24px !important;
        transform: translateY(-50%) !important;
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 700 !important;
        font-size: 13px !important; 
        letter-spacing: 1px !important;
        text-transform: uppercase !important; 
        color: #535353 !important;
        line-height: 1.3 !important; 
        text-align: left !important;
      }
      .ck-a-tile--custom .ck-a-tile__field {
        position: absolute !important; 
        top: 15px !important; 
        bottom: 15px !important;
        left: 110px !important; 
        right: 65px !important;
        background: #e8eceb !important; 
        border-radius: 4px !important;
        display: flex !important; 
        align-items: center !important;
        padding-left: 20px !important; 
        gap: 8px !important;
      }
      .ck-a-tile--custom .ck-a-tile__field span {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 400 !important;
        font-size: 35px !important; 
        color: rgba(29,50,51,.6) !important;
      }
      .ck-custom-amount-input {
        border: none !important; 
        background: transparent !important;
        outline: none !important; 
        font-family: 'Faustina', Georgia, serif !important;
        font-weight: 400 !important; 
        font-size: 35px !important;
        letter-spacing: 1px !important; 
        color: #1d3233 !important; 
        width: 100% !important;
      }
      .ck-custom-amount-input::placeholder { 
        color: rgba(29,50,51,.3) !important; 
      }

      /* ── Donor details form overrides ── */
      #formContainer .form-header-group { display: none !important; }
      #formContainer .form-all .form-section li.form-line {
        padding: 0 0 40px !important;
        border: none !important;
        background: transparent !important;
      }
      #formContainer .form-label-left {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 600 !important; 
        font-size: 20px !important;
        color: #1d3233 !important; 
        text-transform: capitalize !important;
        width: auto !important; 
        float: none !important;
        display: none !important; 
        margin-bottom: 8px !important;
      }
      #formContainer input[type="text"],
      #formContainer input[type="email"],
      #formContainer input[type="tel"],
      #formContainer select {
        background: #ffffff !important;
        border: 2.256px solid #ebebeb !important;
        border-radius: 10px !important; 
        height: 58px !important;
        width: 100% !important; 
        padding: 0 16px !important;
        font-family: 'Outfit', Arial, sans-serif !important;
        font-size: 16px !important; 
        color: #1d3233 !important;
        outline: none !important; 
        transition: border-color .2s !important;
        box-sizing: border-box !important;
      }
      #formContainer input:focus { border-color: #588f92 !important; }

      /* Hide the native JotForm checkbox lists – replaced by cards */
      #cid_3 .form-single-column,
      #cid_4 .form-single-column,
      #cid_5 .form-single-column,
      #cid_6 .form-single-column,
      #cid_7 .form-single-column,
      #cid_8 .form-single-column { display: none !important; }

      /* ── Total row ── */
      #total_amount, #cid_15 {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 30px !important;
        color: #1374be !important;
      }
      #id_15 {
        background: #f6f6f6 !important;
        border: 1.167px solid #d8d8d8 !important;
        border-radius: 11.675px !important;
        height: 96px !important; 
        padding: 0 26px !important;
        display: flex !important; 
        align-items: center !important;
        justify-content: space-between !important;
      }
      #label_15 {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 23px !important;
        color: #535353 !important; 
        text-transform: capitalize !important;
        float: none !important; 
        width: auto !important;
      }

      /* ── Payment options ── */
      #cid_16 { padding-top: 0 !important; }
      .form-payment-methods { 
        display: flex !important; 
        gap: 15px !important; 
        flex-wrap: wrap !important; 
      }
      .form-payment-methods .form-radio-item {
        background: #f6f6f6 !important; 
        border: 1.138px solid #d8d8d8 !important;
        border-radius: 10px !important; 
        height: 72px !important;
        min-width: 180px !important; 
        display: flex !important;
        align-items: center !important; 
        gap: 14px !important;
        padding: 0 22px !important; 
        cursor: pointer !important;
        transition: all .2s !important;
      }
      .form-payment-methods .form-radio-item input[type="radio"] { 
        margin-right: 8px !important; 
      }
      .form-payment-methods .form-radio-item label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 400 !important; 
        font-size: 18px !important;
        color: #4c4c4c !important; 
        cursor: pointer !important;
      }

      /* ── Submit button ── */
      #input_2 {
        background: #1d3233 !important; 
        border-radius: 4px !important;
        padding: 24px !important; 
        width: 439px !important; 
        max-width: 100% !important;
        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 700 !important; 
        font-size: 20px !important;
        color: #ffffff !important; 
        text-transform: uppercase !important;
        cursor: pointer !important; 
        border: none !important;
        display: block !important; 
        margin: 40px auto 0 !important;
        position: relative !important; 
        overflow: hidden !important;
        transition: background-color 0.3s ease !important;
      }
      #input_2:hover { background: #588f92 !important; }

      /* ── Donor section outer spacing ── */
      #ck-donor-wrapper-outer {
        background: #e8efe7 !important;
        padding: 0 115px 100px !important;
      }
      #ck-donor-box {
        background: rgba(255,255,255,.85) !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 40px rgba(0,0,0,.08) !important;
        padding: 72px 72px 80px !important;
        max-width: 997px !important;
        margin: 0 auto !important;
        position: relative !important;
      }
      #ck-donor-box-title {
        font-family: 'Mulish', Arial, sans-serif !important;
        font-weight: 800 !important;
        font-size: clamp(20px, 2.1vw, 30px) !important;
        letter-spacing: 1.8px !important;
        text-transform: uppercase !important;
        color: #1d3233 !important;
        text-align: center !important;
        margin: 0 0 60px !important;
        padding: 0 !important;
      }
      #ck-donor-box .form-line { padding-top: 0 !important; padding-bottom: 36px !important; }
      #ck-donor-box .form-label-left,
      #ck-donor-box label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 600 !important; 
        font-size: 20px !important;
        color: #1d3233 !important; 
        text-transform: capitalize !important;
        float: none !important; 
        display: block !important;
        width: 100% !important; 
        margin-bottom: 10px !important;
      }
      #ck-donor-box input[type="text"],
      #ck-donor-box input[type="email"],
      #ck-donor-box input[type="tel"],
      #ck-donor-box input[type="number"],
      #ck-donor-box select {
        background: #ffffff !important;
        border: 2.256px solid #ebebeb !important;
        border-radius: 10px !important; 
        height: 58px !important;
        width: 100% !important; 
        padding: 0 18px !important;
        font-family: 'Outfit', Arial, sans-serif !important;
        font-size: 16px !important; 
        color: #1d3233 !important;
        outline: none !important; 
        transition: border-color 0.2s !important;
        box-sizing: border-box !important; 
        margin-bottom: 6px !important;
      }
      #ck-donor-box input:focus, #ck-donor-box select:focus { border-color: #588f92 !important; }
      #ck-donor-box .form-sub-label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 300 !important; 
        font-size: 14px !important;
        color: #4c4c4c !important; 
        display: block !important; 
        margin-top: 4px !important;
      }
      #ck-donor-box #cid_10 {
        display: grid !important; 
        grid-template-columns: 1fr 1fr !important; 
        gap: 22px !important;
      }
      #ck-donor-box #cid_10 .form-sub-label-container { 
        display: flex !important; 
        flex-direction: column !important; 
      }
      #ck-donor-box .form-address-table { 
        width: 100% !important; 
        border-collapse: collapse !important; 
      }
      #ck-donor-box .form-address-table td { 
        padding: 0 0 14px !important; 
        vertical-align: top !important; 
      }
      #ck-donor-box .form-address-table tr td:first-child { 
        padding-right: 11px !important; 
      }
      #ck-donor-box #id_15 {
        background: #f6f6f6 !important; 
        border: 1.167px solid #d8d8d8 !important;
        border-radius: 12px !important; 
        height: 96px !important; 
        padding: 0 26px !important;
        display: flex !important; 
        align-items: center !important;
        justify-content: space-between !important; 
        margin-bottom: 36px !important;
      }
      #ck-donor-box #label_15 label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 23px !important;
        color: #535353 !important; 
        text-transform: capitalize !important; 
        margin: 0 !important;
      }
      #ck-donor-box #total_amount, #ck-donor-box #cid_15 {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 30px !important;
        color: #1374be !important; 
        margin: 0 !important; 
        text-align: right;
      }
      .form-address-table { max-width: 100% !important; }
      #ck-donor-box .form-payment-methods { 
        display: flex !important; 
        gap: 15px !important; 
        flex-wrap: wrap !important; 
        padding: 0 !important; 
      }
      #ck-donor-box .form-payment-methods .form-radio-item {
        background: #f6f6f6 !important; 
        border: 1.138px solid #d8d8d8 !important;
        border-radius: 10px !important; 
        height: 72px !important; 
        min-width: 170px !important;
        display: flex !important; 
        align-items: center !important; 
        gap: 12px !important;
        padding: 0 22px !important; 
        cursor: pointer !important;
        transition: border-color 0.2s, background 0.2s !important;
      }
      #ck-donor-box .form-payment-methods .form-radio-item:has(input:checked) {
        background: rgba(45,164,255,.06) !important; 
        border-color: rgba(19,116,190,.7) !important;
      }
      #ck-donor-box .form-payment-methods input[type="radio"] {
        width: 20px !important; 
        height: 20px !important;
        accent-color: #1374be !important; 
        flex-shrink: 0 !important; 
        margin: 0 !important;
      }
      #ck-donor-box .form-payment-methods label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 400 !important; 
        font-size: 18px !important;
        color: #4c4c4c !important; 
        cursor: pointer !important;
        margin: 0 !important; 
        display: inline !important;
      }
      #ck-donor-box #id_2 { padding-top: 12px !important; }
      #ck-donor-box #input_2 {
        background: #1d3233 !important; 
        border-radius: 6px !important;
        padding: 22px 40px !important; 
        width: 439px !important; 
        max-width: 100% !important;
        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 700 !important; 
        font-size: 20px !important;
        color: #ffffff !important; 
        text-transform: uppercase !important;
        cursor: pointer !important; 
        border: none !important;
        display: block !important; 
        margin: 0 auto !important;
        letter-spacing: 0.5px !important; 
        transition: background-color 0.3s ease !important;
      }
      #ck-donor-box #input_2:hover { background: #588f92 !important; }

      /* ── Responsive ── */
      @media (max-width: 1200px) {
        #ck-donor-wrapper-outer { padding: 0 60px 80px !important; }
        #ck-donor-box { padding: 60px 50px 70px !important; }
      }
      @media (max-width: 1023px) {
        .ck-hero { flex-direction: column !important; min-height: auto !important; }
        .ck-hero__content { padding: 40px 40px 60px !important; max-width: 100% !important; }
        .ck-hero__photo { position: relative !important; width: 100% !important; height: 40vh !important; min-height: 350px !important; }
        .ck-hero__blueprint { display: none !important; }
        .ck-about-inner { grid-template-columns: 1fr !important; padding: 0 40px !important; }
        .ck-about-images { height: 420px !important; }
        .ck-card-grid { grid-template-columns: 1fr !important; }
        .ck-lead-row { grid-template-columns: 1fr !important; }
        #formContainer, #formContainer .form-all { padding: 0 40px !important; }
      }
      @media (max-width: 767px) {
.ck-btn-white{ align-self: center !important;}
        .ck-hero__content { padding: 50px 24px 60px !important; align-items: center !important; text-align: center !important; }
        .ck-about-section { padding: 50px 0 !important; }
        .ck-about-inner { padding: 0 24px !important; }
        .ck-about-images { height: 320px !important; }
        .ck-about-img-back { display: none !important; }
        .ck-about-img-main { left: 0 !important; top: 0 !important; width: 100% !important; height: 320px !important; }
        .ck-ded-header-inject { padding: 40px 24px !important; }
        .ck-a-tile--custom { width: 100% !important; grid-column: span 2 !important; }
        .ck-amounts-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
        .ck-a-tile { width: 100% !important; }
        #formContainer, #formContainer .form-all { padding: 0 !important; }
        #ck-donor-wrapper-outer { padding: 0 !important; }
        #ck-donor-box { padding: 44px 24px 50px !important; }
        #ck-donor-box #cid_10 { grid-template-columns: 1fr !important; }
        #ck-donor-box .form-payment-methods .form-radio-item { min-width: calc(50% - 8px) !important; }
        #ck-donor-box #input_2 { width: 100% !important; }
      }
      @media (max-width: 479px) {
        #ck-donor-box .form-payment-methods .form-radio-item { min-width: 100% !important; }
      }
    `;
    document.head.appendChild(style);
  }

  /* ─────────────────────────────────────────────────────────────────
      STEP 2 – Build & inject Hero HTML
  ───────────────────────────────────────────────────────────────── */
  function injectHero() {
    const heroHTML = `
      <div id="ck-page-progress" aria-hidden="true"></div>
      <div id="chai-kitchen-wrapper">

        <!-- HERO -->
        <header class="ck-hero">
          <div class="ck-hero__blueprint">
            <img src="https://mychaicenter.com/media/images/1372/eXVX13720905.png" alt="">
          </div>
          <div class="ck-hero__content">
            <div class="ck-hero__logo">
              <img src="https://mychaicenter.com/media/images/1372/YQOB13720904.png" alt="Chai Center Logo">
            </div>
            <div class="ck-hero__body">
              <div class="ck-hero__top">
                <p class="ck-hero__eyebrow">Chai Centre Kitchen Campaign</p>
                <h1 class="ck-hero__headline animate-words" id="ck-hero-headline">More than a <em>kitchen,</em><br><strong>Its Community</strong>.</h1>
              </div>
              <a href="#ck-dedication" class="ck-btn-white">Make a Dedication</a>
            </div>
          </div>
          <div class="ck-hero__photo">
            <img src="https://mychaicenter.com/media/images/1372/HRgl13721027.png" alt="Professional commercial kitchen interior">
          </div>
        </header>

        <!-- PROGRESS BAR SECTION -->
        <section class="ck-progress-section animate-block" aria-label="Fundraising Progress">
          <div class="ck-progress-inner">
            <div class="ck-progress-stats">
              <div class="ck-stat-line">
                <span class="ck-stat-label">Fundraising Goal Until 6 Sep 2026:</span>
                <span class="ck-stat-value" id="ck-goal-val">$200,000</span>
              </div>
              <div class="ck-stat-line">
                <span class="ck-stat-label">Money Raised:</span>
                <span class="ck-stat-value" id="ck-raised-val">Loading…</span>
              </div>
            </div>
            <div class="ck-progress-bar-wrap">
              <div class="ck-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-label="Fundraising progress">
                <div class="ck-progress-fill observer-progress" id="ck-progress-fill" data-progress="0">
                  <span class="ck-progress-pct" id="ck-progress-pct"></span>
                </div>
              </div>
              <div class="ck-progress-buttons">
                <a href="#cid_7" class="ck-btn-outline">Donate</a>
                <a href="#ck-dedication" class="ck-btn-dark">Make a Dedication</a>
              </div>
            </div>
          </div>
        </section>

        <!-- ABOUT -->
        <section class="ck-about-section">
          <div class="ck-about-inner">
            <div class="ck-about-images" aria-hidden="true">
              <div class="ck-about-img-back">
                <img src="https://mychaicenter.com/media/images/1372/ysgD13720907.png" alt="">
              </div>
              <div class="ck-about-img-main" id="ck-about-img-main">
                <img src="https://mychaicenter.com/media/images/1372/TbBY13720906.png" alt="Chai Center kitchen space">
              </div>
            </div>
            <div class="ck-about-content">
              <p class="ck-section-eyebrow animate-block">About the Campaign</p>
              <p class="ck-about-intro animate-block">
                The Chai Center Kitchen Campaign is a mission to build more than just a culinary space — it is an investment in the heart of our community. This new, professional-grade facility will serve as a cornerstone for connection, compassion, and care by focusing on three core areas:
              </p>
              <div class="ck-about-points animate-stagger">
                <div class="ck-about-point">
                  <div class="ck-about-point__icon">
                    <img src="https://mychaicenter.com/media/images/1372/tgGe13720909.png" alt="">
                  </div>
                  <div class="ck-about-point__body">
                    <h3 class="ck-about-point__title">Educational & Communal Support:</h3>
                    <p class="ck-about-point__text">Providing daily nutritious, kosher lunches for our students while serving as a dedicated hub for life-cycle events, milestones, and celebrations.</p>
                  </div>
                </div>
                <div class="ck-about-point">
                  <div class="ck-about-point__icon">
                    <img src="https://mychaicenter.com/media/images/1372/wILY13720910.png" alt="">
                  </div>
                  <div class="ck-about-point__body">
                    <h3 class="ck-about-point__title">Holiday & Event Capacity:</h3>
                    <p class="ck-about-point__text">Ensuring high-quality hot meals for every Shabbos and Yom Tov, while offering a professional, versatile space to host large-scale community gatherings and support outside caterers.</p>
                  </div>
                </div>
                <div class="ck-about-point">
                  <div class="ck-about-point__icon" style="transform:scale(1.35);transform-origin:center;">
                    <img src="https://mychaicenter.com/media/images/1372/ISSe13720911.png" alt="">
                  </div>
                  <div class="ck-about-point__body">
                    <h3 class="ck-about-point__title">A Hub of Kindness:</h3>
                    <p class="ck-about-point__text">Dedicated to nourishing the vulnerable, this space will function as a center of compassion where volunteers prepare and package hot meals for seniors and individuals in need throughout our community.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- DEDICATION HEADER -->
        <div class="ck-ded-header-inject" id="ck-dedication">
          <h2 class="ck-ded-header-title animate-words">Dedication Opportunities</h2>
          <p class="ck-ded-header-sub animate-block">All contributions will be honored on a permanent dedication plaque in the new kitchen, with an option available to donate anonymously.</p>
        </div>

      </div><!-- /#chai-kitchen-wrapper -->
    `;

    const formContainer = document.getElementById('formContainer');
    if (formContainer) {
      formContainer.insertAdjacentHTML('beforebegin', heroHTML);
    } else {
      document.body.insertAdjacentHTML('afterbegin', heroHTML);
    }
  }

  /* ═══════════════════════════════════════════════════════════════════
      ANIMATION ENGINE
      Mirrors the logic from the original HTML's <script> block:
        1. Word-split on .animate-words elements
        2. IntersectionObserver triggers is-visible
        3. Card stagger observer
  ═══════════════════════════════════════════════════════════════════ */
  function initAnimations() {

    /* ── 1. Word-split helper ── */
    function splitWords(el) {
      const processNode = (node) => {
        if (node.nodeType === Node.TEXT_NODE) {
          const words = node.textContent.split(/(\s+)/);
          const frag = document.createDocumentFragment();
          words.forEach(token => {
            if (/^\s+$/.test(token)) {
              frag.appendChild(document.createTextNode(token));
            } else if (token) {
              const outer = document.createElement('span');
              outer.className = 'anim-word-outer';
              const inner = document.createElement('span');
              inner.className = 'anim-word';
              inner.textContent = token;
              outer.appendChild(inner);
              frag.appendChild(outer);
            }
          });
          return frag;
        } else {
          const clone = node.cloneNode(false);
          Array.from(node.childNodes).forEach(child => clone.appendChild(processNode(child)));
          return clone;
        }
      };

      const newContent = document.createDocumentFragment();
      Array.from(el.childNodes).forEach(child => newContent.appendChild(processNode(child)));
      el.innerHTML = '';
      el.appendChild(newContent);

      // Staggered delays
      el.querySelectorAll('.anim-word').forEach((w, i) => {
        w.style.transitionDelay = (i * 0.05) + 's';
      });
    }

    // Apply to all .animate-words elements
    document.querySelectorAll('.animate-words').forEach(el => splitWords(el));

    // Hero headline fires immediately (it's above the fold)
    setTimeout(() => {
      const headline = document.getElementById('ck-hero-headline');
      if (headline) headline.classList.add('ck-hero-words-ready', 'is-visible');
    }, 700); // slight delay so page has painted

    /* ── 2. Intersection observer for sections ── */
    const sectionObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
          sectionObserver.unobserve(entry.target); // fire once
        }
      });
    }, { threshold: 0.12 });

    document.querySelectorAll(
      '.animate-words:not(#ck-hero-headline), .animate-block, .animate-stagger, #ck-about-img-main'
    ).forEach(el => sectionObserver.observe(el));

    /* ── 3. Card stagger observer ── */
    const cardObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const cards = Array.from(entry.target.querySelectorAll('.ck-d-card, .ck-a-tile'));
          cards.forEach((card, i) => {
            setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
          });
          cardObserver.unobserve(entry.target);
        }
      });
    }, { threshold: 0.08 });

    // Observe each grid wrapper once it exists
    function observeCardGrids() {
      document.querySelectorAll(
        '.ck-card-grid, .ck-lead-row, .ck-amounts-row, #ck-cards-cid_3'
      ).forEach(el => cardObserver.observe(el));
    }
    // Cards are injected after this runs, so wait a tick
    setTimeout(observeCardGrids, 200);
  }

  /* ═══════════════════════════════════════════════════════════════════
      SCROLL PROGRESS BAR
  ═══════════════════════════════════════════════════════════════════ */
  function initScrollProgress() {
    const bar = document.getElementById('ck-page-progress');
    if (!bar) return;

    let ticking = false;
    const update = () => {
      const s = document.body.scrollTop || document.documentElement.scrollTop;
      const h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
      bar.style.width = (h > 0 ? (s / h) * 100 : 0) + '%';
      ticking = false;
    };

    window.addEventListener('scroll', () => {
      if (!ticking) {
        requestAnimationFrame(update);
        ticking = true;
      }
    }, { passive: true });
  }

  /* ─────────────────────────────────────────────────────────────────
      SECTIONS CONFIG
  ───────────────────────────────────────────────────────────────── */
const SECTIONS = [
    {
      cid: 'cid_3', inputName: 'q3_input3[]', layout: 'lead',
      alt: [false, false, true, true, false, false],
      items: [
        { label: 'Meat Kitchen Sponsor',    amount: '$36,000', val: 'Meat Kitchen Sponsor $36,000' },
        { label: 'Dairy Kitchen Sponsor',   amount: '$36,000', val: 'Dairy Kitchen Sponsor $36,000' },
        { label: 'Chai Kitchen Supporter',  amount: '$15,000', val: 'Chai Kitchen Supporter $15,000' },
        { label: 'Chai Kitchen Partner',    amount: '$10,000', val: 'Chai Kitchen Partner $10,000' },
        { label: 'Chai Kitchen Benefactor', amount: '$7,200',  val: 'Chai Kitchen Benefactor $7,200' },
        { label: 'Chai Kitchen Patron',     amount: '$3,600',  val: 'Chai Kitchen Patron $3,600' },
      ]
    },
    {
      cid: 'cid_4', inputName: 'q4_input4[]', layout: 'grid', alt: [],
      items: [
        { label: 'Convection oven, gas',                  amount: '$7,536',  val: 'Convection oven, gas $7,536' },
        { label: 'Faucet, kettle/pot filler',             amount: '$348',    val: 'Faucet, kettle/pot filler $348' },
        { label: 'Hotplate, countertop, gas',             amount: '$2,593',  val: 'Hotplate, countertop, gas $2,593' },
        { label: 'Griddle, gas, countertop',              amount: '$1,264',  val: 'Griddle, gas, countertop $1,264' },
        { label: 'Gas floor fryer',                       amount: '$2,511',  val: 'Gas floor fryer $2,511' },
        { label: 'Work table, L-shaped',                  amount: '$5,673',  val: 'Work table, L-shaped $5,673' },
        { label: 'Shelving, wall mounted',                amount: '$270',    val: 'Shelving, wall mounted $270' },
        { label: 'Work table, 48", stainless steel top',  amount: '$927',    val: 'Work table, 48", stainless steel top $927' },
        { label: 'Reach-in refrigerator',                 amount: '$3,144',  val: 'Reach-in refrigerator $3,144' },
        { label: 'Planetary mixer',                       amount: '$9,370',  val: 'Planetary mixer $9,370' },
      ]
    },
    {
      cid: 'cid_5', inputName: 'q5_input5[]', layout: 'grid', alt: [],
      items: [
        { label: 'Convection oven, gas',                  amount: '$14,151', val: 'Convection oven, gas $14,151' },
        { label: 'Gas floor fryer',                       amount: '$2,511',  val: 'Gas floor fryer $2,511' },
        { label: 'Charbroiler, gas, countertop',          amount: '$3,731',  val: 'Charbroiler, gas, countertop $3,731' },
        { label: 'Range, 36", 6 open burners',            amount: '$4,789',  val: 'Range, 36", 6 open burners $4,789' },
        { label: 'Faucet, kettle / pot filler',           amount: '$348',    val: 'Faucet, kettle / pot filler $348' },
        { label: 'Heated cabinet, mobile',                amount: '$2,764',  val: 'Heated cabinet, mobile $2,764' },
        { label: 'Work table, 84", stainless steel top',  amount: '$4,173',  val: 'Work table, 84", stainless steel top $4,173' },
        { label: 'Shelving, wall mounted',                amount: '$412',    val: 'Shelving, wall mounted $412' },
        { label: 'Work table, 48", stainless steel top',  amount: '$927',    val: 'Work table, 48", stainless steel top $927' },
      ]
    },
    {
      cid: 'cid_6', inputName: 'q6_input6[]', layout: 'grid', alt: [],
      items: [
        { label: 'Soiled dishtable',                      amount: '$2,172',  val: 'Soiled dishtable $2,172' },
        { label: 'Dishtable sorting shelf',               amount: '$162',    val: 'Dishtable sorting shelf $162' },
        { label: 'Dishwasher, door type, ventless',       amount: '$15,932', val: 'Dishwasher, door type, ventless $15,932' },
        { label: 'Clean dishtable',                       amount: '$909',    val: 'Clean dishtable $909' },
        { label: 'Three (3) compartment sink',            amount: '$4,877',  val: 'Three (3) compartment sink $4,877' },
        { label: 'Overshelf',                             amount: '$699',    val: 'Overshelf $699' },
        { label: 'Hand sink',                             amount: '$298',    val: 'Hand sink $298' },
        { label: 'Ice maker, cube-style',                 amount: '$5,453',  val: 'Ice maker, cube-style $5,453' },
        { label: 'Reach-in refrigerator',                 amount: '$4,961',  val: 'Reach-in refrigerator $4,961' },
        { label: 'Reach-in freezer',                      amount: '$4,077',  val: 'Reach-in freezer $4,077' },
        { label: 'Stainless panels by dishwasher area',   amount: '$4,300',  val: 'Stainless panels by dishwasher area $4,300' },
      ]
    },
    {
      cid: 'cid_7', inputName: 'q7_input7[]', layout: 'grid', alt: [],
      items: [
        { label: 'A hose reel',  amount: '$1,110',  val: 'A hose reel $1,110' },
        { label: 'Install',      amount: '$12,500', val: 'Install $12,500' },
        { label: 'Freight',      amount: '$2,750',  val: 'Freight $2,750' },
        { label: 'Hood System',  amount: '$82,000', val: 'Hood System $82,000' },
      ]
    },
  ];

  const SECTION_TITLE_MAP = {
    cid_3: 'Lead Gifts', cid_4: 'Dairy', cid_5: 'Meat',
    cid_6: 'Dishwashing Station', cid_7: 'General',
  };

  const OTHER_AMOUNTS = [
    { val: '$720', native: 'input_8_0', alt: false },
    { val: '$540', native: 'input_8_1', alt: true  },
    { val: '$360', native: 'input_8_2', alt: false },
    { val: '$180', native: 'input_8_3', alt: true  },
    { val: '$100', native: 'input_8_4', alt: false },
    { val: '$72',  native: 'input_8_5', alt: true  },
  ];

  let reservedItems = [];

  function parseDollar(str) {
    const match = str.replace(/,/g, '').match(/\$?([\d.]+)/);
    return match ? parseFloat(match[1]) : 0;
  }

  function buildCardHTML(item, sectionCid, index, isReserved, altClass) {
    const reservedTag = isReserved ? `<span class="ck-d-card__reserved-tag">Reserved</span>` : '';
    return `
      <div class="ck-d-card${altClass ? ' ck-d-card--alt' : ''}${isReserved ? ' ck-reserved' : ''}"
           role="button" tabindex="${isReserved ? -1 : 0}"
           data-section="${sectionCid}" data-index="${index}"
           data-val="${item.val.replace(/"/g, '"')}"
           data-amount="${parseDollar(item.amount)}"
           aria-label="${item.label} – ${item.amount}${isReserved ? ' (Reserved)' : ''}">
        <div class="ck-d-card__body">
          <span class="ck-d-card__name">${item.label}</span>
          <span class="ck-d-card__amount">${item.amount}${reservedTag}</span>
        </div>
        <div class="ck-d-card__check" aria-hidden="true"></div>
      </div>`;
  }

  function injectCards() {
    SECTIONS.forEach(sec => {
      const idNum     = sec.cid.replace('cid_', '');
      const formLine  = document.getElementById('id_' + idNum);
      if (!formLine) return;

      const titleEl = document.createElement('div');
      titleEl.innerHTML = `<h3 class="ck-cat-title animate-words">${SECTION_TITLE_MAP[sec.cid]}</h3>`;
      formLine.insertAdjacentElement('beforebegin', titleEl);

      const wrapper = document.createElement('div');
      wrapper.id = 'ck-cards-' + sec.cid;

      if (sec.layout === 'lead') {
        for (let i = 0; i < sec.items.length; i += 2) {
          const row  = document.createElement('div');
          row.className = 'ck-lead-row';
          const aItem = sec.items[i];
          const bItem = sec.items[i + 1];
          row.innerHTML =
            buildCardHTML(aItem, sec.cid, i,     reservedItems.includes(aItem.val), sec.alt[i]     || false) +
            (bItem ? buildCardHTML(bItem, sec.cid, i + 1, reservedItems.includes(bItem.val), sec.alt[i+1] || false) : '');
          wrapper.appendChild(row);
        }
      } else {
        const grid = document.createElement('div');
        grid.className = 'ck-card-grid';
        sec.items.forEach((item, idx) => {
          grid.innerHTML += buildCardHTML(item, sec.cid, idx, reservedItems.includes(item.val), false);
        });
        wrapper.appendChild(grid);
      }

      formLine.insertAdjacentElement('beforebegin', wrapper);
    });

    // Re-run word splitting on newly injected .animate-words titles
    document.querySelectorAll('.ck-cat-title.animate-words').forEach(el => {
      const words = el.textContent.split(/\s+/);
      el.innerHTML = words.map(w =>
        `<span class="anim-word-outer"><span class="anim-word">${w}</span></span>`
      ).join(' ');
      el.querySelectorAll('.anim-word').forEach((w, i) => { w.style.transitionDelay = (i * 0.07) + 's'; });

      const obs = new IntersectionObserver(([entry]) => {
        if (entry.isIntersecting) { el.classList.add('is-visible'); obs.disconnect(); }
      }, { threshold: 0.2 });
      obs.observe(el);
    });
  }

  function injectOtherAmountTiles() {
    const line8 = document.getElementById('id_8');
    if (!line8) return;

    const otherInput = document.getElementById('input_8');
    if (otherInput) otherInput.removeAttribute('disabled');

    const wrap = document.createElement('div');
    wrap.id = 'ck-other-amounts-ui';
    wrap.innerHTML = `
      <h2 class="ck-other-title">Other Donation Amounts</h2>
      <div class="ck-amounts-row" id="ck-amounts-row-1">
        ${OTHER_AMOUNTS.slice(0, 4).map(a => `
          <div class="ck-a-tile${a.alt ? ' ck-a-tile--alt' : ''}" role="button" tabindex="0"
               data-native="${a.native}" data-amount="${parseDollar(a.val)}" aria-label="Donate ${a.val}">
            <span class="ck-a-tile__val">${a.val}</span>
            <div class="ck-a-tile__check" aria-hidden="true"></div>
          </div>`).join('')}
      </div>
      <div class="ck-amounts-row" id="ck-amounts-row-2">
        ${OTHER_AMOUNTS.slice(4).map(a => `
          <div class="ck-a-tile${a.alt ? ' ck-a-tile--alt' : ''}" role="button" tabindex="0"
               data-native="${a.native}" data-amount="${parseDollar(a.val)}" aria-label="Donate ${a.val}">
            <span class="ck-a-tile__val">${a.val}</span>
            <div class="ck-a-tile__check" aria-hidden="true"></div>
          </div>`).join('')}
        <div class="ck-a-tile ck-a-tile--custom" id="ck-custom-tile" role="button" tabindex="0" aria-label="Enter custom donation amount">
          <span class="ck-a-tile__label">Custom<br>Amount</span>
          <div class="ck-a-tile__check" aria-hidden="true"></div>
          <div class="ck-a-tile__field">
            <span>$</span>
            <input type="number" min="1" class="ck-custom-amount-input" id="ck-custom-input" placeholder="">
          </div>
        </div>
      </div>`;

    line8.insertAdjacentElement('beforebegin', wrap);

    // Observe tile rows for card stagger
    setTimeout(() => {
      const cardObserver = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            Array.from(entry.target.querySelectorAll('.ck-a-tile')).forEach((card, i) => {
              setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
            });
            cardObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.08 });
      document.querySelectorAll('#ck-amounts-row-1, #ck-amounts-row-2').forEach(el => cardObserver.observe(el));
    }, 100);
  }

  /* ─────────────────────────────────────────────────────────────────
      Card + tile event listeners
  ───────────────────────────────────────────────────────────────── */
  function attachCardListeners() {
    function syncNativeCheckbox(val, checked) {
      document.querySelectorAll('input[type="checkbox"].form-checkbox').forEach(cb => {
        if (cb.value === val) cb.checked = checked;
      });
    }
    function clearSection(sectionCid) {
      document.querySelectorAll(`.ck-d-card[data-section="${sectionCid}"]`).forEach(c => {
        c.classList.remove('ck-selected');
        syncNativeCheckbox(c.dataset.val, false);
      });
    }
    function clearOtherTiles() {
      document.querySelectorAll('.ck-a-tile').forEach(t => t.classList.remove('ck-selected'));
      const otherCb = document.querySelector('input.form-checkbox-other');
      if (otherCb) { otherCb.value = ''; otherCb.checked = false; }
      const otherInput = document.getElementById('input_8');
      if (otherInput) otherInput.value = '';
      OTHER_AMOUNTS.forEach(a => {
        const nb = document.getElementById(a.native);
        if (nb) nb.checked = false;
      });
    }
    function clearAll() {
      SECTIONS.forEach(sec => clearSection(sec.cid));
      clearOtherTiles();
    }
    function recalcTotal() {
      let total = 0;
      document.querySelectorAll('.ck-d-card.ck-selected').forEach(c => { total += parseFloat(c.dataset.amount) || 0; });
      document.querySelectorAll('.ck-a-tile.ck-selected').forEach(t => {
        if (t.id === 'ck-custom-tile') {
          total += parseFloat(document.getElementById('ck-custom-input').value) || 0;
        } else {
          total += parseFloat(t.dataset.amount) || 0;
        }
      });
      const formatted = '$' + total.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
      const nativeTotal = document.getElementById('total_amount');
      if (nativeTotal) nativeTotal.textContent = formatted;
    }

    document.addEventListener('click', function (e) {
      const card = e.target.closest('.ck-d-card[role="button"]');
      if (!card || card.classList.contains('ck-reserved')) return;
      const wasSelected = card.classList.contains('ck-selected');
      clearSection(card.dataset.section);
      clearOtherTiles();
      if (!wasSelected) { card.classList.add('ck-selected'); syncNativeCheckbox(card.dataset.val, true); }
      recalcTotal();
    });
    document.addEventListener('keydown', function (e) {
      if (e.key !== 'Enter' && e.key !== ' ') return;
      const card = e.target.closest('.ck-d-card[role="button"]');
      if (card) { e.preventDefault(); card.click(); }
    });

    document.addEventListener('click', function (e) {
      const tile = e.target.closest('.ck-a-tile');
      if (!tile) return;
      const wasSelected = tile.classList.contains('ck-selected');
      clearAll();
      if (!wasSelected) {
        tile.classList.add('ck-selected');
        if (tile.id === 'ck-custom-tile') {
          document.getElementById('ck-custom-input').focus();
        } else {
          const nb = document.getElementById(tile.dataset.native);
          if (nb) nb.checked = true;
        }
      }
      recalcTotal();
    });
    document.addEventListener('keydown', function (e) {
      if (e.key !== 'Enter' && e.key !== ' ') return;
      const tile = e.target.closest('.ck-a-tile');
      if (tile) { e.preventDefault(); tile.click(); }
    });

    const customInput = document.getElementById('ck-custom-input');
    if (customInput) {
      customInput.addEventListener('focus', () => {
        clearAll();
        document.getElementById('ck-custom-tile').classList.add('ck-selected');
      });
      customInput.addEventListener('input', () => {
        const otherInput = document.getElementById('input_8');
        if (otherInput) {
          otherInput.value = customInput.value;
          const otherCb = document.querySelector('input.form-checkbox-other');
          if (otherCb) { otherCb.value = customInput.value; otherCb.checked = !!customInput.value; }
        }
        recalcTotal();
      });
    }
  }

  /* ─────────────────────────────────────────────────────────────────
      Fetch reserved items from Google Sheet
  ───────────────────────────────────────────────────────────────── */
  function fetchReservedItems(callback) {
    fetch(GOOGLE_SHEET_JSON_URL + '&cachebust=' + Date.now())
      .then(r => r.json())
      .then(data => {
        if (Array.isArray(data.reserved)) reservedItems = data.reserved;
        callback();
      })
      .catch(() => callback());
  }

  /* ─────────────────────────────────────────────────────────────────
      Fetch progress stats
  ───────────────────────────────────────────────────────────────── */
  function fetchProgressStats() {
    fetch(GAS_WEB_APP_URL + '?action=getProgress&cachebust=' + Date.now())
      .then(r => r.json())
      .then(data => {
        const goal   = data.goal   || 200000;
        const raised = data.raised || 0;
        const pct    = Math.min(Math.round((raised / goal) * 100), 100);

        const raisedEl = document.getElementById('ck-raised-val');
        const goalEl   = document.getElementById('ck-goal-val');
        const fillEl   = document.getElementById('ck-progress-fill');
        const pctEl    = document.getElementById('ck-progress-pct');

        if (raisedEl) raisedEl.textContent = '$' + raised.toLocaleString('en-US');
        if (goalEl)   goalEl.textContent   = '$' + goal.toLocaleString('en-US');
        if (fillEl)   fillEl.dataset.progress = pct;

        requestAnimationFrame(() => {
          setTimeout(() => {
            if (fillEl)  { fillEl.style.width = pct + '%'; fillEl.classList.add('ck-filled'); }
            if (pctEl)   pctEl.textContent = pct + '%';
          }, 400);
        });
      })
      .catch(() => {
        const raisedEl = document.getElementById('ck-raised-val');
        if (raisedEl) raisedEl.textContent = '$20,000';
        const fillEl = document.getElementById('ck-progress-fill');
        const pctEl  = document.getElementById('ck-progress-pct');
        setTimeout(() => {
          if (fillEl) { fillEl.style.width = '10%'; fillEl.classList.add('ck-filled'); }
          if (pctEl)  pctEl.textContent = '10%';
        }, 400);
      });
  }

  /* ─────────────────────────────────────────────────────────────────
      Wrap donor section in styled card
  ───────────────────────────────────────────────────────────────── */
  function wrapDonorSection() {
    if (document.getElementById('ck-donor-box')) return;
    const id10 = document.getElementById('id_10');
    const id2  = document.getElementById('id_2');
    if (!id10 || !id2) { setTimeout(wrapDonorSection, 400); return; }

    const nodes = [];
    let current = id10;
    while (current) {
      nodes.push(current);
      if (current === id2) break;
      current = current.nextElementSibling;
    }
    if (!nodes.length) return;

    const outer = document.createElement('div');
    outer.id = 'ck-donor-wrapper-outer';
    const box = document.createElement('div');
    box.id = 'ck-donor-box';
    const title = document.createElement('h2');
    title.id = 'ck-donor-box-title';
    title.textContent = 'Donor Details';
    box.appendChild(title);
    nodes.forEach(node => box.appendChild(node));
    outer.appendChild(box);

    const formList = document.querySelector('#formContainer .form-section');
    if (formList) {
      formList.appendChild(outer);
    } else {
      const anchor = document.getElementById('id_8') || document.getElementById('id_9');
      if (anchor && anchor.parentNode) anchor.parentNode.insertBefore(outer, anchor.nextSibling);
    }
  }

  /* ─────────────────────────────────────────────────────────────────
      Submit handler → POST to Google Apps Script
  ───────────────────────────────────────────────────────────────── */
  /* ─────────────────────────────────────────────────────────────────
      Submit handler → POST to Google Apps Script
   ───────────────────────────────────────────────────────────────── */
  function attachSubmitHandler() {
    const form         = document.getElementById('7377803');
    const submitButton = document.getElementById('input_2');
    if (!form || !submitButton) return;
 
    submitButton.addEventListener('click', function () {
      setTimeout(function () {
        const hasErrors    = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
        const isHtml5Valid = form.checkValidity();
 
        if (!hasErrors && isHtml5Valid) {
 
          // ── Collect all selected cards and tiles ──
          const selectedCards = [];
          document.querySelectorAll('.ck-d-card.ck-selected').forEach(c => {
            selectedCards.push({ item: c.dataset.val, amount: c.dataset.amount });
          });
          document.querySelectorAll('.ck-a-tile.ck-selected').forEach(t => {
            if (t.id === 'ck-custom-tile') {
              const v = document.getElementById('ck-custom-input').value;
              if (v) selectedCards.push({ item: 'Custom Amount', amount: v });
            } else {
              selectedCards.push({
                item:   t.querySelector('.ck-a-tile__val').textContent.trim(),
                amount: t.dataset.amount
              });
            }
          });
 
          // ── reserveItems = only named dedication cards, not dollar tiles ──
          // Grabs anything that isn't a plain dollar tile or custom amount
          const reserveItems = selectedCards
            .filter(s => !s.item.startsWith('$') && s.item !== 'Custom Amount')
            .map(s => s.item);
 
          // ── Human-readable selections string for the Donations sheet ──
          const selectionsStr = selectedCards
            .map(s => s.item.includes('$') ? s.item : s.item + ' ($' + parseFloat(s.amount).toLocaleString('en-US') + ')')
            .join(', ');
 
          const payload = {
            action:      'submitDonation',
            firstName:   (document.getElementById('first_10')            || {}).value || '',
            lastName:    (document.getElementById('last_10')             || {}).value || '',
            email:       (document.getElementById('input_11')            || {}).value || '',
            phone:       (document.getElementById('input_13_full')       || {}).value || '',
            address:     (document.getElementById('input_14_addr_line1') || {}).value || '',
            city:        (document.getElementById('input_14_city')       || {}).value || '',
            total:       (document.getElementById('total_amount')        || {}).textContent || '$0.00',
            selections:  selectionsStr,   // readable string → Donations sheet col I
            reserveItems: reserveItems,   // array of item names → Reserved sheet col A
            timestamp:   new Date().toISOString(),
          };
 
          // Removed mode: 'no-cors' and changed Content-Type to text/plain to play nice with Google Apps Script web apps
          fetch(GAS_WEB_APP_URL, {
            method:  'POST',
            headers: { 'Content-Type': 'text/plain' },
            body:    JSON.stringify(payload),
          })
          .then(response => response.json())
          .then(res => {
            if (res.status === 'error') {
              console.error('[ChaiKitchen] Server error:', res.message);
            } else {
              console.log('[ChaiKitchen] Successfully recorded processing data:', res);
            }
          })
          .catch(err => console.error('[ChaiKitchen] Network/Submit execution failed:', err));
        }
      }, 300);
    });
  }
  /* ─────────────────────────────────────────────────────────────────
      BOOT
  ───────────────────────────────────────────────────────────────── */
  function boot() {
    removeBanner();
    injectCSS();
    injectHero();
    fetchProgressStats();
    initScrollProgress();    // ← scroll progress bar
    initAnimations();        // ← word splits + intersection observers

    fetchReservedItems(() => {
      injectCards();
      injectOtherAmountTiles();
      wrapDonorSection();
      attachCardListeners();
      attachSubmitHandler();

      // Re-run card grid observers after cards injected
      setTimeout(() => {
        const obs = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              Array.from(entry.target.querySelectorAll('.ck-d-card, .ck-a-tile')).forEach((card, i) => {
                setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
              });
              obs.unobserve(entry.target);
            }
          });
        }, { threshold: 0.08 });
        document.querySelectorAll(
          '.ck-card-grid, .ck-lead-row, #ck-amounts-row-1, #ck-amounts-row-2'
        ).forEach(el => obs.observe(el));
      }, 300);
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot);
  } else {
    boot();
  }

})();
</script>
</body>
</html>