<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<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/922/fNTV9226420.jpg" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Mom&#39;s,Night,Out-Friendship,Circle" />
<meta name="title" content="Mom&#39;s Night Out-Friendship Circle" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="56381-56385-6928368-436378-1397581-1705072" />
<meta name="article-keywords" content="2902-16403-2170-2898" />
<meta name="scope-aid" content="56381" />
<meta name="scope-aid" content="56385" />
<meta name="scope-aid" content="6928368" />
<meta name="scope-aid" content="436378" />
<meta name="scope-aid" content="1397581" />
<meta name="scope-aid" content="1705072" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.jewishyouthlibrary.com/templates/photogallery_cdo/aid/1705072/jewish/Moms-Night-Out-Friendship-Circle.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Mom&#39;s Night Out-Friendship Circle" /><link rel="canonical" href="https://www.jewishyouthlibrary.com/templates/photogallery_cdo/aid/1705072/jewish/Moms-Night-Out-Friendship-Circle.htm" />
<link rel="icon" type="image/jpg" href="https://www.jewishyouthlibrary.com/media/images/922/fNTV9226420.jpg" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/red-theme.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/fundraising/FundraisingTickerltr.css" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="-1" />
	<meta property="og:type" content="article" />
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:site_name" content="Jewish Youth Library" />

<title>
	Mom's Night Out-Friendship Circle
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2011-12-09","primaryArticleId":1705072,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Jewish Youth Library","contentLevel3":"Jewish Youth Library","contentLevel4":"Photos","contentLevel5":"Mom's Night Out-Friendship Circle","siteName":"Jewish Youth Library"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":0,"hebrewDate":"5786-04-17"}});
		dataLayer.push({ 'articleHierarchy': '-56381-56385-6928368-436378-1397581-1705072-', 'keywords': '-k2898-k2170-k16403-k2902-', 'k': '-56381-56385-6928368-436378-1397581-1705072--k2898-k2170-k16403-k2902-' });
	
</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 = 1173640;var sc_partition = 10;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "6672c7f6";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c11.statcounter.com/counter.php?sc_project=1173640&amp;java=0&amp;security=6672c7f6&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


</head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>JewishYouthLibrary.com</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/tools/feedback.asp">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/430140">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=1705072&amp;jewish=Moms-Night-Out-Friendship-Circle.htm" class="login_link" id="login_link">Sign In</a>
			
			
		
</div>
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline  logo">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/922/fNTV9226420.jpg" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Jewish Youth Library" class="site_title">Jewish Youth Library<span class="site_subtitle clearfix"> An Affiliate of the Chabad Lubavitch Movement</span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639185474826484069";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="430140" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/439542/jewish/From-Our-Board-of-Directors.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="439542">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>From Our Board of Directors</span>
</a>
<a href="/templates/articlecco_cdo/aid/4930367/jewish/Testimonials.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="4930367">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Testimonials</span>
</a>
<a href="/templates/articlecco_cdo/aid/445884/jewish/Contact-Us.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="445884">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Contact Us</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/430140/jewish/About.htm" class="parent">About</a></div></span><a href="/templates/articlecco_cdo/aid/430140/jewish/About.htm" class="bg_extension js-parent-menu-link" data-aid="430140"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="6928360" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://www.westborojewishmontessoripreschool.org/" class="parent">Westboro&nbsp;Jewish<br />Montessori&nbsp;Preschool</a></div></span><a href="https://www.westborojewishmontessoripreschool.org/" class="bg_extension js-parent-menu-link" data-aid="6928360"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="1397597" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.cgiottawa.org" class="parent">Camp&nbsp;Gan<br />Israel</a></div></span><a href="http://www.cgiottawa.org" class="bg_extension js-parent-menu-link" data-aid="1397597"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="6928368" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="https://www.jewishyouthlibrary.com/templates/fundraising/default_cdo/aid/7094264/jewish/Campaign.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="7116835">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Annual Fundraising Matching Campaign 2025</span>
</a>
<a href="/templates/articlecco_cdo/aid/7408188/jewish/Little-Artists-Gallery.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="7408188">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Little Artists Gallery</span>
</a>
<a href="/templates/articlecco_cdo/aid/7413178/jewish/A-Month-of-Torah-Learning-Inspiration-and-Connection.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="7413178">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>A Month of Torah Learning, Inspiration and Connection</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/6928368/jewish/Jewish-Youth-Library.htm" class="parent">Jewish&nbsp;Youth<br />Library</a></div></span><a href="/templates/articlecco_cdo/aid/6928368/jewish/Jewish-Youth-Library.htm" class="bg_extension js-parent-menu-link" data-aid="6928368"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="6959937" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/6959995/jewish/Join-the-Circle.htm" class="item empty" id="menu_item5-1" data-menu-level="2" data-aid="6959995">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Join the Circle</span>
</a>
<a href="/templates/articlecco_cdo/aid/6960017/jewish/Volunteer.htm" class="item empty" id="menu_item5-2" data-menu-level="2" data-aid="6960017">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Volunteer</span>
</a>
<a href="/templates/articlecco_cdo/aid/4441193/jewish/Donate-Online.htm" class="item empty" id="menu_item5-3" data-menu-level="2" data-aid="4441193">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Donate Online</span>
</a>
</div>
<div id="menu_child5-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/6959937/jewish/Friendship-Circle.htm" class="parent">Friendship<br />Circle</a></div></span><a href="/templates/articlecco_cdo/aid/6959937/jewish/Friendship-Circle.htm" class="bg_extension js-parent-menu-link" data-aid="6959937"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/430140" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/tools/feedback.asp">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/6928368/jewish/Jewish-Youth-Library.htm",
      "name": "Jewish Youth Library"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/436378/jewish/Jewish-Youth-Library.htm",
      "name": "Jewish Youth Library"
    }
  },
  {
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/1397581/jewish/Photos.htm",
      "name": "Photos"
    }
  },
  {
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "/article.asp?aid=1705072",
      "name": "Mom's Night Out-Friendship Circle"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/6928368/jewish/Jewish-Youth-Library.htm' data-aid="6928368">
				Jewish Youth Library
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/436378/jewish/Jewish-Youth-Library.htm' data-aid="436378">
				Jewish Youth Library
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/1397581/jewish/Photos.htm' data-aid="1397581">
				Photos
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Mom's Night Out-Friendship Circle</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="fb-root"></div>
	<script>	(function (d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=-1&version=v2.0";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div id="lightbox-wrapper" class="hidden">
		<div id="lightbox">
			<div id="details-panel"><span id="album-name" class="large_left_margin">Mom's Night Out-Friendship Circle</span>
				<a id="close" href="#"><span>X</span></a>
			</div>
			<div id="left-panel">
				<div id="img-panel">
					<div id="lightbox-img-one-section" class="img-section">
						<img id="lightbox-img-one" class="img" src="" />
						<div id="lightbox-caption-one-wrapper" class="caption-wrapper"><div id="lightbox-caption-one" class="caption"></div></div>
					</div>
					<div id="lightbox-img-two-section" class="img-section">
						<img id="lightbox-img-two" class="img" src="" />
						<div id="lightbox-caption-two-wrapper" class="caption-wrapper"><div id="lightbox-caption-two" class="caption"></div></div>
					</div>
					<div id="lightbox-beginning-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've reached the beginning of Mom's Night Out-Friendship Circle</p>
							<p id="beginning-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="lightbox-end-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've finished Mom's Night Out-Friendship Circle</p>
							<p id="end-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="loading-indicator"></div>
					<div id="controls">
						<a id="previous" href="#">Previous</a>
						<a id="next" href="#">Next</a>
					</div>
					<div id="social-panel">
						<div class="social_subpanel float_left">
							<div id="count" class="float_right large_right_margin"></div>
						</div>
						<div class="social_subpanel float_right">
							<div id="social-buttons" class="float_left small_left_margin">
								<div id="like-button"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="thumbnails-wrapper">
					<a id="left" href="#">Left</a>
					<a id="right" href="#">Right</a>
					<div id="thumbnails-panel">
						<!-- Thumbnails | Example:

								<div class="thumbnail photo" id="thumbnail0" data-img="0">
									<a href="#">
										<img src="photos/Tulips.jpg" width="220"/>
									</a>
								</div>

								-->
						
					</div>
				</div>
			</div>
			<div id="comments"></div>
		</div>
	</div>
	<div id="cco_body" class=" g700 no_margin">
		<div id="photos" class="clearfix">
			<!-- Photos | Example:
			
			<div class="photo" id="icon0" data-img="0">
				<a href="#">
					<img src="photos/Tulips.jpg" width="220"/>
				</a>
			</div>

			-->
			
		</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 ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/1725681/jewish/8th-Day-Chanukah-Concert.htm" data-aid="1725681">8th Day Chanukah Concert</a>
		</li>
		
	
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/1801206/jewish/Friendship-Circle-Purim-Party.htm" data-aid="1801206">Friendship Circle Purim Party</a>
		</li>
		
	
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/1801211/jewish/Preschool-Purim-Pancake-Party.htm" data-aid="1801211">Preschool Purim Pancake Party </a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/1874316/jewish/Friendship-Circle-at-the-Galloping-Goats-Farm.htm" data-aid="1874316">Friendship Circle at the Galloping Goats Farm</a>
		</li>
		
	
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/2047044/jewish/Esthers-Engagement.htm" data-aid="2047044">Esther's Engagement</a>
		</li>
		
			<li class="small-links__item small-links__item--more">
				<a href="/article.asp?aid=1397581" data-aid="1397581">View All  &raquo;</a>
			</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="6928368" href="/templates/articlecco_cdo/aid/6928368/jewish/Jewish-Youth-Library.htm">Jewish Youth Library</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="7116835" href="https://www.jewishyouthlibrary.com/templates/fundraising/default_cdo/aid/7094264/jewish/Campaign.htm"><span>Annual Fundraising Matching Campaign 2025</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7408188" href="/templates/articlecco_cdo/aid/7408188/jewish/Little-Artists-Gallery.htm"><span>Little Artists Gallery</span></a>
								</div>
							
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="7413178" href="/templates/articlecco_cdo/aid/7413178/jewish/A-Month-of-Torah-Learning-Inspiration-and-Connection.htm"><span>A Month of Torah Learning, Inspiration and Connection</span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div>

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="header-title">Programs</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/6928368">Jewish Youth Library</a>
</h6>

<a href="/6928368" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/PgBS10976181.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/6928360">Westboro Jewish Montessori Preschool</a>
</h6>

<a href="/6928360" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/HUjU13227937.jpeg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/1397597">Camp Gan Israel</a>
</h6>

<a href="/1397597" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/fYVg13227941.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/1397582">Friendship Circle</a>
</h6>

<a href="/1397582" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/UhAH13227934.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/6940811">Rosh Chodesh Society</a>
</h6>

<a href="/6940811" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/bhgQ13227942.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/3788268">a gift of love</a>
</h6>

<a href="/3788268" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/Wfzu10976223.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</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.jewishyouthlibrary.com%2ftemplates%2fphotogallery_cdo%2faid%2f1705072%2fjewish%2fMoms-Night-Out-Friendship-Circle.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Mom%27s+Night+Out-Friendship+Circle&amp;url=https%3a%2f%2fwww.jewishyouthlibrary.com%2ftemplates%2fphotogallery_cdo%2faid%2f1705072%2fjewish%2fMoms-Night-Out-Friendship-Circle.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Mom%27s+Night+Out-Friendship+Circle https%3a%2f%2fwww.jewishyouthlibrary.com%2ftemplates%2fphotogallery_cdo%2faid%2f1705072%2fjewish%2fMoms-Night-Out-Friendship-Circle.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.jewishyouthlibrary.com%2ftemplates%2fphotogallery_cdo%2faid%2f1705072%2fjewish%2fMoms-Night-Out-Friendship-Circle.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Mom%27s+Night+Out-Friendship+Circle">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					



	<div class="footer3">
		<span class="footer-title" >Jewish Youth Library</span>
		<div class="footer-address">
			<span class="footer-street">192 Switzer Avenue </span>
			<span class="footer-city-state">Ottawa, ON K1Z 7H9</span>
		</div>
			<span class="footer-country">Canada</span><span>613-729-1619</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




					
				</div>
			</div>
		</div>
	


<div class="cs-f-social-icons">
	
			<a href="https://www.facebook.com/jewishyouthlibraryottawa" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
			<a href="https://www.instagram.com/jylottawa" class="fa fa-instagram instagram_homepage" title="Instagram"></a>
		
</div>
	

				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/scroller.js"></script>
<script type="text/javascript" src="/scripts/js/templates/modules/sitewideticker.js.asp?campaignid=4489&template=8533&sc=topbar"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/fundraisingCountDown.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
	
	
	
	<script type="text/javascript" language="javascript">
		var photoArray = [];
		var photoMap = {};

		
				photoArray.push({Index: photoArray.length, Id: '5923159', Icon: 'https://w2.chabad.org/media/images/592/KMlX5923159.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/vnnV5923157.jpg', Caption: ''});
				photoMap['5923159'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923162', Icon: 'https://w2.chabad.org/media/images/592/agVf5923162.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/tNSG5923160.jpg', Caption: ''});
				photoMap['5923162'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923165', Icon: 'https://w2.chabad.org/media/images/592/Ygtb5923165.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/ECth5923164.jpg', Caption: ''});
				photoMap['5923165'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923167', Icon: 'https://w2.chabad.org/media/images/592/LnpE5923167.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/SlhL5923166.jpg', Caption: ''});
				photoMap['5923167'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923169', Icon: 'https://w2.chabad.org/media/images/592/TJjU5923169.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/VCsV5923168.jpg', Caption: ''});
				photoMap['5923169'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923171', Icon: 'https://w2.chabad.org/media/images/592/dtlU5923171.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/RWSA5923170.jpg', Caption: ''});
				photoMap['5923171'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923173', Icon: 'https://w2.chabad.org/media/images/592/VeKz5923173.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/sJln5923172.jpg', Caption: ''});
				photoMap['5923173'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923175', Icon: 'https://w2.chabad.org/media/images/592/VhBg5923175.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/mJzP5923174.jpg', Caption: ''});
				photoMap['5923175'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923178', Icon: 'https://w2.chabad.org/media/images/592/laKN5923178.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/jIYu5923176.jpg', Caption: ''});
				photoMap['5923178'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923181', Icon: 'https://w2.chabad.org/media/images/592/ditW5923181.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/eFRt5923179.jpg', Caption: ''});
				photoMap['5923181'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923183', Icon: 'https://w2.chabad.org/media/images/592/VIoC5923183.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/sYto5923182.jpg', Caption: ''});
				photoMap['5923183'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923185', Icon: 'https://w2.chabad.org/media/images/592/pvfg5923185.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/Mppl5923184.jpg', Caption: ''});
				photoMap['5923185'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923187', Icon: 'https://w2.chabad.org/media/images/592/pgRd5923187.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/ZHpq5923186.jpg', Caption: ''});
				photoMap['5923187'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923190', Icon: 'https://w2.chabad.org/media/images/592/clPP5923190.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/Glcm5923189.jpg', Caption: ''});
				photoMap['5923190'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923192', Icon: 'https://w2.chabad.org/media/images/592/VmUF5923192.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/LwTV5923191.jpg', Caption: ''});
				photoMap['5923192'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923195', Icon: 'https://w2.chabad.org/media/images/592/WWpE5923195.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/XOsc5923193.jpg', Caption: ''});
				photoMap['5923195'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923200', Icon: 'https://w2.chabad.org/media/images/592/OBMR5923200.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/IBjH5923199.jpg', Caption: ''});
				photoMap['5923200'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '5923202', Icon: 'https://w2.chabad.org/media/images/592/GjMI5923202.jpg', LargeImage: 'https://w2.chabad.org/media/images/592/blIP5923201.jpg', Caption: ''});
				photoMap['5923202'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '6258423', Icon: 'https://w2.chabad.org/media/images/625/UsVj6258423.jpg', LargeImage: 'https://w2.chabad.org/media/images/625/JORw6258422.jpg', Caption: ''});
				photoMap['6258423'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '6258425', Icon: 'https://w2.chabad.org/media/images/625/YiUd6258425.jpg', LargeImage: 'https://w2.chabad.org/media/images/625/unde6258424.jpg', Caption: ''});
				photoMap['6258425'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '6258427', Icon: 'https://w2.chabad.org/media/images/625/jCJh6258427.jpg', LargeImage: 'https://w2.chabad.org/media/images/625/kOGF6258426.jpg', Caption: ''});
				photoMap['6258427'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '6258429', Icon: 'https://w2.chabad.org/media/images/625/nJpv6258429.jpg', LargeImage: 'https://w2.chabad.org/media/images/625/WacF6258428.jpg', Caption: ''});
				photoMap['6258429'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '6258431', Icon: 'https://w2.chabad.org/media/images/625/fQCg6258431.jpg', LargeImage: 'https://w2.chabad.org/media/images/625/XLiK6258430.jpg', Caption: ''});
				photoMap['6258431'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '6258433', Icon: 'https://w2.chabad.org/media/images/625/HYxG6258433.jpg', LargeImage: 'https://w2.chabad.org/media/images/625/dEfI6258432.jpg', Caption: ''});
				photoMap['6258433'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.jewishyouthlibrary.com/templates/photogallery_cdo/aid/1705072'
		};

		Co.Anchor.Events.AddEventListener("change", function(e)
		{
			//don't parseInt this, as the ids are long enough that JS will corrupt them. Strings work fine
			var photoID = e.items['photoid'];
			if (!isNaN(photoID))
			{
				if (Co_Slideshow.currentImg && Co_Slideshow.index !== (photoMap[photoID].Index))
					Co_Slideshow.openImage(photoMap[photoID].Index);
			}					

			if (e.items['close']==='true')
				Co_Slideshow.closeLightbox(e);
		});

		if(FacebookSettings.HasAlbumId)
		{
			var json = undefined;
			var facebookLikeUrl = [];
			var facebookCommentsUrl = [];
			if (json && !json.error && json.data.length)
			{
				photoArray = [];
				photoMap = { };
				facebookLikeUrl = [];
				facebookCommentsUrl = [];
				//Index_of_Requested_image = 0;
				Co_Slideshow.index = -1;
				var photo = null;
				var photoItem = {};
				for (var i in json.data)
				{
					//val2 = a[c][d];
					photo = json.data[i];

					if(!photo.source && photo.images && photo.images.length)
						photo.source = photo.images[0].source;

					if (typeof(photo.source) != "undefined")
					{
						var caption = "";
						if (photo.name)
							caption = photo.name;
						photoItem =
						{
							Index: photoArray.length,
							Id: photo.id,
							Icon: photo.picture,
							LargeImage: photo.source,
							Caption: caption,
                            Date: new Date(photo.created_time)
						};
						if( photo.images && photo.images.length )
						{
							//CWNP-608.
							// We want the nicest looking size...
							var largeImage =
							{
								source: null,
								height: 0,
								width: 0
							};
							var icon =
							{
								source: null,
								height: 0,
								width: 0
							};
							for( var i = 0, iMax = photo.images.length; i < iMax; i++ )
							{
								var image = photo.images[i];
								if( image.height > largeImage.height || image.width > largeImage.width )
								{
									largeImage.source = image.source;
									largeImage.height = image.height;
									largeImage.width = image.width;
								}
								if( ( image.height > icon.height && image.height < 321 )//Max 320
								|| ( image.width > icon.width && image.width < 321 ))
								{
									icon.source = image.source;
									icon.height = image.height;
									icon.width = image.width;
								}
							}
							if( !icon.source )
								icon = largeImage;
							if( largeImage.source )
							{
								photoItem.LargeImage = largeImage.source;
								photoItem.Icon = icon.source;
							}
						}
						photoArray.push( photoItem );
						photoMap[photo.id] = photoArray[photoArray.length-1];

						facebookLikeUrl.push('https://www.facebook.com/'+FacebookSettings.AlbumId+photo.id);
						facebookCommentsUrl.push(photo.link);
					}
				}
				// Sort photos by most recent date.
				photoArray
					.sort((a,b) => b.Date - a.Date)
					.map((photo, index) => photo.Index = index);
			}
		}

		var photos = [];
		var thumbnails = [];
		var amountOfPhotos = Math.min(250, photoArray.length);
        for (var i = 0; i < amountOfPhotos; i++)
		{
			photo = photoArray[i];
							
			photos.push(
				'<div class="photo" id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" width="115" height="115" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');

			// Thumbnails
			thumbnails.push(
				'<div class="photo thumbnail"  id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');
		}

		Co.DomEvents.AddListener(window, "domload", function()
		{
			if (photoArray.length == 0)
			{
				document.getElementById('photos').innerHTML = 'No photos found';
			}
			else
			{
				document.getElementById('photos').innerHTML = photos.join(' ');
				document.getElementById('thumbnails-panel').innerHTML = thumbnails.join(' ');
				initSlideshow();
			}
		});

		var image_url = FacebookSettings.baseUrl + '/iid/' + photoArray[0].Id;
			
		if(FacebookSettings.HasAlbumId)
		{
			image_url = facebookLikeUrl[0];
		}

		function initSlideshow()
		{					
			Co_Slideshow.initialize();
		}
    </script>
		

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Jewish Youth Library'}; Co.ArticleId     = '1705072';Co.SectionId     = 6928368;Co.PartnerSiteId = 0;Co.SiteId        = 862;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'JewishYouthLibrary.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<!-- ============================================================
     JYL LIBRARY CAMPAIGN — Drop-in Bundle (v7)
     ============================================================ -->

<script>
(function () {
  'use strict';

  /* ============ URL GATE ============ */
  try {
    var here = (window.location && window.location.href) || '';
    if (here.indexOf('https://www.jewishyouthlibrary.com/templates/articlecco_cdo/aid/7372696') === -1) {
      return;
    }
  } catch (e) { return; }

  /* ============ CONFIG ============ */
  var WEB_APP_URL = 'https://script.google.com/macros/s/AKfycby3ijtup3QAOQ1EOMhVvU_0qjaQxLFmH-aZR7GrY1p45dhPkePn4XZPjD62uEYtu-juXA/exec';
  var FORM_ID = '7372696';
  var SUBMIT_BTN_ID = 'input_2';
  var REFRESH_INTERVAL = 0;

  /* Image URLs */
  var IMG_HERO_BG     = 'https://jewishww.com/media/images/1371/xPIw13711033.png';
  var IMG_LOGO_JYL    = 'https://jewishww.com/media/images/1371/vsEw13711036.png';
  var IMG_LOGO_CHABAD = 'https://jewishww.com/media/images/1371/tuMT13711037.png';
  var IMG_BUILDING    = 'https://jewishww.com/media/images/1371/vOfO13711039.png';
  var IMG_LEGACY      = 'https://jewishyouthlibrary.com/media/images/1371/CYwj13719521.jpeg';
  var IMG_COMMUNITY   = 'https://jewishww.com/media/images/1371/WIES13711043.png';

  /* ============ CSS ============ */
  var CSS = [
    "@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Outfit:wght@100..900&family=Anek+Malayalam:wght@400&display=swap');",

    /* CSS variables */
    ":root{--jyl-primary-blue:#004169;--jyl-secondary-teal:#008182;--jyl-tan-gold:#cea981;--jyl-tan-gold-deep:#c29b71;--jyl-grey-bg:#6d696d;--jyl-light-blue:#a5d1d2;--jyl-white:#ffffff;--jyl-dark-text:#1a1a1a;--jyl-form-bg:rgba(255,255,255,0.57);--jyl-header-height:clamp(70px,8vw,100px);}",

    /* Reset within our scope */
    ".jyl-root,.jyl-root *{box-sizing:border-box !important;}",
    ".jyl-root{font-family:'Alegreya',serif !important;color:#ffffff !important;line-height:1.5 !important;-webkit-font-smoothing:antialiased !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;overflow-x:hidden !important;background-color:#004169 !important;}",
    "#cid_3 > div{ padding: 0 !important; margin:0 !important;}",

    /* Reveal Animations */
    ".jyl-reveal-up{opacity:0 !important;transform:translateY(40px) !important;transition:opacity 0.8s cubic-bezier(0.25,1,0.5,1),transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-reveal-slide-right{opacity:0 !important;transform:translateX(100px) !important;transition:opacity 1s cubic-bezier(0.25,1,0.5,1),transform 1s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-in-view{opacity:1 !important;transform:translate(0,0) !important;}",
    ".jyl-delay-100{transition-delay:0.1s !important;}",
    ".jyl-delay-200{transition-delay:0.2s !important;}",
    ".jyl-delay-300{transition-delay:0.3s !important;}",
    ".jyl-delay-400{transition-delay:0.4s !important;}",
    ".jyl-delay-500{transition-delay:0.5s !important;}",

    /* Typography */
    ".jyl-root h1,.jyl-root h2,.jyl-root h3,.jyl-root h4,.jyl-root p{margin:0 !important;}",
    ".jyl-root a{text-decoration:none !important;color:inherit !important;cursor:pointer !important;display:inline-block !important;}",
    ".jyl-root img{max-width:100% !important;height:auto !important;display:block !important;}",

    /* ============ NAVBAR ============ */
    ".jyl-nav-container{width:100% !important;height:var(--jyl-header-height) !important;display:flex !important;justify-content:center !important;align-items:center !important;position:fixed !important;top:0 !important;left:0 !important;z-index:1000 !important;transition:background-color 0.3s ease,box-shadow 0.3s ease !important;background-color:transparent !important;font-family:'Alegreya',serif !important;}",
    ".jyl-nav-container.jyl-scrolled{background-color:#ffffff !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important;}",
    ".jyl-nav-bar{display:flex !important;justify-content:center !important;align-items:center !important;gap:clamp(20px,5vw,76px) !important;list-style:none !important;margin:0 !important;padding:0 !important;}",
    ".jyl-nav-bar a{color:#ffffff !important;font-weight:700 !important;font-size:clamp(18px,2vw,28px) !important;text-transform:capitalize !important;letter-spacing:0.56px !important;transition:color 0.3s ease !important;}",
    ".jyl-nav-bar a:hover{color:#cea981 !important;}",
    ".jyl-nav-container.jyl-scrolled .jyl-nav-bar a{color:#004169 !important;}",
    ".jyl-nav-container.jyl-scrolled .jyl-nav-bar a:hover{color:#cea981 !important;}",
    ".jyl-hamburger-btn{display:none;background:none !important;border:none !important;cursor:pointer !important;padding:10px !important;z-index:30 !important;}",
    ".jyl-hamburger-btn span{display:block !important;width:30px !important;height:3px !important;background-color:#ffffff !important;margin:6px 0 !important;transition:transform 0.3s ease,opacity 0.3s ease,background-color 0.3s ease !important;}",
    ".jyl-nav-container.jyl-scrolled .jyl-hamburger-btn span{background-color:#004169 !important;}",
    ".jyl-hamburger-btn.jyl-active span:nth-child(1){transform:rotate(-45deg) translate(-6px,6px) !important;}",
    ".jyl-hamburger-btn.jyl-active span:nth-child(2){opacity:0 !important;}",
    ".jyl-hamburger-btn.jyl-active span:nth-child(3){transform:rotate(45deg) translate(-7px,-7px) !important;}",

    /* ============ HERO ============ */
    ".jyl-hero{position:relative !important;background-color:#004169 !important;overflow:hidden !important;padding:80px 0 100px 0 !important;padding-top:calc(var(--jyl-header-height) + 40px) !important;width:100% !important;display:block !important;}",
    ".jyl-hero-bg{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;opacity:0.35 !important;z-index:1 !important;pointer-events:none !important;}",
    ".jyl-hero-inner{position:relative !important;z-index:5 !important;width:100% !important;max-width:1600px !important;margin:0 auto !important;padding:0 !important;}",
    ".jyl-hero-row{display:flex !important;width:100% !important;align-items:center !important;justify-content:space-between !important;gap:40px !important;margin-top:40px !important;}",
    ".jyl-hero-content{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-align:left !important;}",
    ".jyl-logo-group{display:flex !important;gap:15px !important;align-items:center !important;margin-bottom:38px !important;flex-wrap:wrap !important;}",
    ".jyl-logo-jyl{width:clamp(100px,10vw,146px) !important;height:auto !important;}",
    ".jyl-logo-chabad{width:clamp(130px,13vw,185px) !important;height:auto !important;}",
    ".jyl-hero-title{font-family:'Alegreya',serif !important;font-size:clamp(40px,7vw,94px) !important;font-weight:500 !important;text-transform:uppercase !important;line-height:1.1 !important;color:#ffffff !important;margin:0 !important;}",
    ".jyl-hero-title .jyl-highlight{color:#cea981 !important;}",
    ".jyl-help-box{position:relative !important;margin-top:45px !important;display:inline-block !important;}",
    ".jyl-help-bg{position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#008182 !important;z-index:1 !important;}",
    ".jyl-help-text{font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:400 !important;font-size:clamp(35px,4vw,53px) !important;text-transform:capitalize !important;color:#ffffff !important;padding:0 5px !important;position:relative !important;z-index:2 !important;margin:0 !important;}",
    ".jyl-illustration{flex:1 !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;}",
    ".jyl-illustration img{width:clamp(430px,45vw,850px) !important;height:auto !important;max-width:none !important;display:block !important;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-illustration img:hover{transform:scale(1.04) !important;}",

    /* ============ STATS / PROGRESS BAR ============ */
    ".jyl-stats-box{position:relative !important;margin:60px auto 0 auto !important;width:clamp(300px,90%,1137px) !important;background-color:rgba(7,127,201,0.34) !important;padding:clamp(30px,4vw,57px) clamp(20px,5vw,74px) !important;display:flex !important;flex-direction:column !important;align-items:center !important;z-index:10 !important;border-radius:4px !important;}",
    ".jyl-stats-header{width:100% !important;display:flex !important;justify-content:space-between !important;align-items:flex-end !important;margin-bottom:clamp(15px,2vw,25px) !important;flex-wrap:wrap !important;gap:20px !important;}",
    ".jyl-stat-group{display:flex !important;flex-direction:column !important;text-align:left !important;}",
    ".jyl-stat-group.jyl-goal{align-items:flex-end;text-align:right;}",
    ".jyl-stat-label{font-family:'Alegreya',serif !important;font-size:clamp(20px,2vw,28px) !important;color:#ffffff !important;text-transform:capitalize !important;margin:0 0 -5px 0 !important;line-height:1 !important;}",
    ".jyl-stat-value{font-family:'Alegreya',serif !important;font-size:clamp(36px,3.5vw,48px) !important;font-weight:500 !important;font-style:italic !important;color:#cea981 !important;line-height:1 !important;margin:0 !important;}",
    ".jyl-goal .jyl-stat-label{font-size:clamp(22px,2.5vw,32px) !important;}",
    ".jyl-goal .jyl-stat-value{font-size:clamp(42px,4vw,56px) !important;}",
    ".jyl-bar-track{width:100% !important;max-width:1001px !important;height:clamp(30px,4vw,54px) !important;background-color:rgba(255,255,255,0.6) !important;border-radius:37px !important;position:relative !important;margin-bottom:clamp(30px,4vw,61px) !important;overflow:hidden !important;}",
    ".jyl-bar-fill{position:absolute !important;left:0 !important;top:0 !important;height:100% !important;width:0%;background-color:#008182 !important;border-radius:37px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;padding-right:20px !important;transition:width 1.5s cubic-bezier(0.25,1,0.5,1) !important;overflow:hidden !important;}",
    ".jyl-bar-fill::after{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:50% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent) !important;animation:jyl-shimmer 2.5s infinite !important;animation-delay:1.5s !important;}",
    "@keyframes jyl-shimmer{100%{left:200%;}}",
    ".jyl-bar-text{font-family:'Alegreya',serif !important;font-size:clamp(16px,1.5vw,22px) !important;font-weight:500 !important;font-style:italic !important;color:#ffffff !important;position:relative !important;z-index:2 !important;}",
    ".jyl-cta-row{display:flex !important;gap:clamp(15px,3vw,40px) !important;width:100% !important;justify-content:center !important;flex-wrap:wrap !important;}",

    /* ============ BUTTONS ============ */
    ".jyl-btn{position:relative !important;padding:clamp(15px,1.5vw,23px) clamp(20px,4vw,56px) !important;border-radius:6px !important;font-family:'Alegreya',serif !important;font-weight:700 !important;font-size:clamp(20px,2vw,33px) !important;text-transform:capitalize !important;text-align:center !important;text-decoration:none !important;cursor:pointer !important;overflow:hidden !important;z-index:1 !important;transition:color 0.4s ease,background-color 0.4s ease !important;background-color:transparent !important;border:2px solid transparent !important;display:inline-block !important;}",
    ".jyl-btn-white{color:#ffffff !important;border-color:#ffffff !important;}",
    ".jyl-btn-white:hover{background-color:#ffffff !important;color:#004169 !important;}",
    ".jyl-btn-gold{color:#cea981 !important;border-color:#cea981 !important;}",
    ".jyl-btn-gold:hover{background-color:#cea981 !important;color:#1a1a1a !important;}",

    /* ============ STORY SECTION ============ */
    ".jyl-story-section{background-color:#004169 !important;padding:clamp(60px,6vw,100px) clamp(20px,5vw,80px) !important;text-align:center !important;}",
    ".jyl-story-inner{max-width:1060px !important;margin:0 auto !important;}",
    ".jyl-story-overline{font-family:'Outfit',sans-serif !important;font-weight:700 !important;font-size:clamp(13px,1vw,15px) !important;letter-spacing:3px !important;text-transform:uppercase !important;color:#cea981 !important;display:block !important;margin-bottom:12px !important;}",
    ".jyl-story-heading{font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:500 !important;font-size:clamp(42px,5vw,68px) !important;color:#ffffff !important;line-height:1.1 !important;display:inline-block !important;position:relative !important;padding:0 6px !important;z-index:1 !important;margin-bottom:clamp(30px,4vw,56px) !important;}",
    ".jyl-story-heading::after{content:'' !important;position:absolute !important;bottom:clamp(4px,0.8vw,10px) !important;left:0 !important;width:100% !important;height:clamp(6px,1vw,14px) !important;background-color:#008182 !important;z-index:-1 !important;}",
    ".jyl-story-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:clamp(20px,3vw,40px) clamp(30px,5vw,80px) !important;text-align:left !important;margin-bottom:clamp(36px,5vw,60px) !important;}",
    ".jyl-story-col p{font-family:'Alegreya',serif !important;font-size:clamp(16px,1.35vw,19px) !important;color:rgba(255,255,255,0.88) !important;line-height:1.78 !important;margin:0 0 18px 0 !important;}",
    ".jyl-story-year{font-family:'Outfit',sans-serif !important;font-weight:700 !important;font-size:13px !important;letter-spacing:2px !important;color:#008182 !important;text-transform:uppercase !important;display:inline-block !important;margin-bottom:10px !important;}",
    ".jyl-story-sig{font-family:'Alegreya',serif !important;font-style:italic !important;font-size:clamp(17px,1.6vw,22px) !important;color:#cea981 !important;margin-bottom:clamp(28px,3vw,44px) !important;}",

    /* ============ SPLIT SECTIONS ============ */
    ".jyl-split{display:grid !important;grid-template-columns:1fr 1fr !important;min-height:543px !important;width:100% !important;}",
    ".jyl-split-text{display:flex !important;flex-direction:column !important;justify-content:center !important;padding:clamp(40px,5vw,80px) clamp(30px,10vw,153px) !important;position:relative !important;z-index:2 !important;}",
    ".jyl-split-text h2{font-family:'Outfit',sans-serif !important;font-weight:700 !important;font-size:clamp(18px,1.5vw,22px) !important;letter-spacing:1.1px !important;text-transform:uppercase !important;color:#cea981 !important;margin:0 0 0 0 !important;}",
    ".jyl-legacy-title{font-family:'Alegreya',serif !important;font-weight:500 !important;font-style:italic !important;font-size:clamp(40px,4vw,60px) !important;color:#ffffff !important;line-height:1.1 !important;margin:0 0 33px 0 !important;text-transform:uppercase !important;}",
    ".jyl-split-text p{font-family:'Alegreya',serif !important;font-size:18px !important;max-width:488px !important;color:#ffffff !important;margin:0 !important;}",
    ".jyl-heritage{background-color:#008182 !important;}",
    ".jyl-residences{background-color:#cea981 !important;}",
    ".jyl-residences p{color:#1a1a1a !important;}",
    ".jyl-split-img-wrap{position:relative !important;width:100% !important;height:100% !important;min-height:300px !important;overflow:hidden !important;}",
    ".jyl-split-img-wrap img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-split:hover .jyl-split-img-wrap img{transform:scale(1.08) !important;}",

    /* ============ JOTFORM RESTYLE ============ */
    "#formContainer{background-color:transparent !important;padding:0 !important;display:block !important;width:100% !important;max-width:100% !important;}",
    "#formContainer .form-all,#formContainer .form-section{background:transparent !important;border:none !important;font-family:'Alegreya',serif !important;width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important;list-style:none !important;color:#ffffff !important;}",

    /* ============ SECTION BACKGROUND WRAPPERS (injected) ============ */
    ".jyl-donation-section{background-color:#004169 !important;padding:clamp(60px,6vw,81px) 20px !important;text-align:center !important;}",
    ".jyl-dedication-section{background-color:#6d696d !important;padding:clamp(60px,6vw,100px) 20px !important;text-align:center !important;}",
    ".jyl-donor-section{background-color:#cea981 !important;padding:clamp(60px,6vw,93px) 20px !important;}",
    "#label_1{width: 100vw !Important;}", ".form-address-table{ width: 100% !Important; max-width: 100% !important;}",

    /* ============ JOTFORM SECTION HEADERS ============ */
    "#formContainer .form-header-group{background:transparent !important;padding:0 0 0px 0 !important;border:none !important;text-align:center !important;}",
    "#formContainer .form-header{font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:500 !important;font-size:clamp(30px,3vw,39px) !important;color:#ffffff !important;display:inline-block !important;padding:0 10px !important;margin:0 !important;text-transform:capitalize !important;position:relative !important;z-index:2 !important;background:transparent !important;}",
    ".jyl-donation-section .form-header::before{content:'' !important;position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;right:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#008182 !important;z-index:-1 !important;}",
    ".jyl-dedication-section .form-header::before{content:'' !important;position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;right:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#c29b71 !important;z-index:-1 !important;}",

    /* ============ DONATION OPTIONS LABEL ============ */
    "#formContainer #label_1{text-align:center !important;padding:0 0 50px 0;}",
    "#formContainer #label_1 label[for=\"input_1\"]:not(.label-message){font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:500 !important;font-size:clamp(30px,3vw,39px) !important;color:#ffffff !important;display:inline-block !important;padding:0 10px !important;margin:0 !important;text-transform:capitalize !important;position:relative !important;z-index:2 !important;letter-spacing:0 !important;opacity:1 !important;background:transparent !important;}",
    "#formContainer #label_1 label[for=\"input_1\"]:not(.label-message)::before{content:'' !important;position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;right:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#008182 !important;z-index:-1 !important;}",
    "#formContainer #label_1 .label-message{display:none !important;}",

    /* ============ DEDICATION SUB-LABELS ============ */
    ".jyl-dedication-section .form-label-left,.jyl-dedication-section .form-label-right,.jyl-dedication-section .form-label-top{display:block !important;float:none !important;width:100% !important;text-align:center !important;padding:30px 0 24px 0 !important;margin:0 !important;}",
    ".jyl-dedication-section .form-label-left label,.jyl-dedication-section .form-label-right label,.jyl-dedication-section .form-label-top label{font-family:'Outfit',sans-serif !important;font-weight:600 !important;font-size:clamp(20px,2vw,25px) !important;letter-spacing:10px !important;text-transform:uppercase !important;color:#ffffff !important;opacity:0.85 !important;background:transparent !important;}",

    /* Default labels in donation section */
    ".jyl-donation-section .form-label-left:not(#label_1),.jyl-donation-section .form-label-right:not(#label_1),.jyl-donation-section .form-label-top:not(#label_1){display:block !important;float:none !important;width:100% !important;text-align:center !important;padding:0 0 24px 0 !important;margin:0 !important;}",

    "#formContainer .form-line{display:block !important;width:100% !important;padding:24px 0 !important;margin:0 !important;border:none !important;background:transparent !important;clear:both !important;}",
    "#formContainer .form-input,#formContainer .form-input-wide{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;}",

    /* ============ DONATION CARDS GRID ============ */
    "#formContainer #id_1 .form-single-column{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;gap:25px !important;width:100% !important;max-width:1140px !important;margin:0 auto !important;padding:0 !important;list-style:none !important;}",
    "#formContainer .clearfix{display:none !important;}",

    /* ============ DEDICATION GRIDS ============ */
    ".jyl-dedication-section .form-single-column{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;gap:19px !important;width:100% !important;max-width:1141px !important;margin:0 auto !important;padding:0 !important;list-style:none !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-single-column{grid-template-columns:repeat(5,1fr) !important;gap:16px !important;}",
    ".jyl-dedication-section .jyl-grid-lead-gifts .form-single-column{grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;}",

    /* ============ CARDS ============ */
    "#formContainer .form-checkbox-item{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background-color:rgba(255,255,255,0.06) !important;border:1px solid #ffffff !important;border-radius:13px !important;padding:30px 20px !important;min-height:140px !important;cursor:pointer !important;transition:all 0.3s cubic-bezier(0.25,1,0.5,1) !important;margin:0 !important;width:auto !important;float:none !important;text-align:center !important;}",
    "#formContainer .form-checkbox-item.jyl-card-alt{border-color:#cea981 !important;}",
    "#formContainer .form-checkbox-item:hover{transform:translateY(-4px) !important;background-color:rgba(255,255,255,0.12) !important;border-color:#cea981 !important;box-shadow:0 15px 30px rgba(0,0,0,0.2) !important;}",
    "#formContainer .form-checkbox-item.jyl-selected{background-color:#cea981 !important;border-color:#cea981 !important;transform:translateY(-4px) !important;box-shadow:0 10px 20px rgba(0,0,0,0.15) !important;}",
    "#formContainer .form-checkbox-item.jyl-selected .jyl-card-title,#formContainer .form-checkbox-item.jyl-selected .jyl-card-price,#formContainer .form-checkbox-item.jyl-selected .jyl-card-status{color:#1a1a1a !important;}",

    /* Hide original checkboxes/labels for cards */
    "#formContainer .form-checkbox-item:not(.jyl-attendance-item) input.form-checkbox:not(.form-checkbox-other){position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none !important;}",
    "#formContainer .form-checkbox-item:not(.jyl-attendance-item) > label{display:none !important;}",

    /* Injected card content */
    ".jyl-card-content{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:100% !important;pointer-events:none !important;}",
    ".jyl-card-title{font-family:'Outfit',sans-serif !important;font-weight:700 !important;font-size:clamp(14px,1.3vw,18px) !important;letter-spacing:2px !important;text-transform:uppercase !important;color:#ffffff !important;line-height:1.2 !important;margin:0 0 5px 0 !important;transition:color 0.3s ease !important;}",
    ".jyl-card-price{font-family:'Alegreya',serif !important;font-weight:800 !important;font-size:clamp(28px,2.8vw,40px) !important;color:#cea981 !important;line-height:1 !important;margin:0 !important;transition:color 0.3s ease !important;}",
    ".jyl-card-status{font-family:'Outfit',sans-serif !important;font-weight:800 !important;font-size:clamp(13px,1vw,16px) !important;letter-spacing:0.66px !important;text-transform:uppercase !important;color:#a5d1d2 !important;margin-top:8px !important;}",

    /* Dedication cards */
    ".jyl-dedication-section .form-checkbox-item .jyl-card-title{letter-spacing:1px !important;font-size:clamp(14px,1.2vw,17px) !important;}",
    ".jyl-dedication-section .form-checkbox-item .jyl-card-price{font-size:clamp(24px,2.4vw,34px) !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-checkbox-item{padding:20px 12px !important;min-height:120px !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-checkbox-item .jyl-card-title{font-size:clamp(14px,1.05vw,15px) !important;letter-spacing:0.5px !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-checkbox-item .jyl-card-price{font-size:clamp(20px,2vw,28px) !important;}",

    /* Fully reserved */
    "#formContainer .form-checkbox-item.jyl-reserved{opacity:0.9 !important;filter:grayscale(0.5) !important;pointer-events:none !important;cursor:not-allowed !important;border-color:rgba(255,255,255,0.2) !important;}",

    /* ============ OTHER AMOUNT CARD ============ */
    "#formContainer .form-checkbox-item.jyl-other-card{grid-column:span 2 !important;flex-direction:row !important;gap:20px !important;justify-content:center !important;align-items:center !important;padding:25px 30px !important;max-width:none !important;margin:0 !important;flex-wrap:wrap !important;cursor:text !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card:hover{transform:translateY(-4px) !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card .jyl-card-title{font-size:clamp(20px,2vw,28px) !important;font-family:'Outfit',sans-serif !important;font-weight:700 !important;margin:0 !important;letter-spacing:1px !important;text-transform:capitalize !important;color:#ffffff !important;white-space:nowrap !important;}",
    "#formContainer input.form-checkbox-other-input{position:relative !important;z-index:5 !important;flex:1 1 200px !important;min-width:180px !important;max-width:320px !important;background-color:#ffffff !important;color:#1a1a1a !important;border:none !important;border-radius:8px !important;padding:15px 20px !important;font-family:'Alegreya',serif !important;font-size:clamp(22px,2vw,30px) !important;text-align:left !important;outline:none !important;height:auto !important;pointer-events:auto !important;cursor:text !important;opacity:1 !important;}",
    "#formContainer input.form-checkbox-other-input:focus{box-shadow:0 0 0 3px #cea981 !important;}",
    "#formContainer input.form-checkbox-other-input::placeholder{color:rgba(26,26,26,0.4) !important;}",
    "#formContainer input.form-checkbox-other-input::-webkit-outer-spin-button,#formContainer input.form-checkbox-other-input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card.jyl-selected .jyl-card-title{color:#1a1a1a !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card input.form-checkbox-other{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none !important;}",

    /* ============ CONTINUE TO DONATE BUTTON ============ */
    ".jyl-continue-cta{text-align:center !important;padding:50px 0 0 0 !important;}",

    /* ============ DONOR DETAILS WRAPPER ============ */
    ".jyl-donor-box{background-color:rgba(255,255,255,0.57) !important;max-width:1038px !important;margin:0 auto !important;border-radius:8px !important;padding:clamp(40px,5vw,85px) clamp(20px,5vw,78px) !important;color:#023443 !important;}",
    ".jyl-donor-box-title{font-family:'Alegreya',serif !important;font-size:clamp(24px,2vw,28px) !important;font-weight:500 !important;text-align:center !important;text-transform:uppercase !important;color:#023443 !important;margin:0 0 clamp(40px,4vw,64px) 0 !important;display:block !important;}",
    ".jyl-donor-box .form-header-group{display:none !important;}",
    "#formContainer .jyl-donor-row{background-color:transparent !important;margin:0 !important;max-width:none !important;width:100% !important;padding:14px 0 !important;border:none !important;border-radius:0 !important;}",
    "#formContainer .jyl-donor-row .form-input,#formContainer .jyl-donor-row .form-input-wide{width:100% !important;max-width:100% !important;}",
    "#formContainer .jyl-donor-row table.form-address-table{width:100% !important;}",

    /* Donor labels */
    "#formContainer .jyl-donor-row .form-label-left,#formContainer .jyl-donor-row .form-label-right,#formContainer .jyl-donor-row .form-label-top{text-align:left !important;padding:0 0 11px 0 !important;}",
    "#formContainer .jyl-donor-row .form-label-left label,#formContainer .jyl-donor-row .form-label-right label,#formContainer .jyl-donor-row .form-label-top label{font-family:'Outfit',sans-serif !important;font-weight:600 !important;font-size:clamp(18px,1.5vw,20px) !important;color:#004169 !important;text-transform:capitalize !important;letter-spacing:0 !important;text-align:left !important;opacity:1 !important;}",

    /* Inputs */
    "#formContainer input.form-textbox,#formContainer select.form-dropdown,#formContainer select.form-textbox,#formContainer textarea.form-textbox{background-color:#ffffff !important;border:2px solid #ebebeb !important;border-radius:10px !important;padding:14px 16px !important;font-family:'Alegreya',serif !important;font-size:16px !important;color:#1a1a1a !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:57px !important;box-sizing:border-box !important;margin:0 0 6px 0 !important;}",
    "#formContainer input.form-textbox:focus,#formContainer select.form-dropdown:focus,#formContainer textarea.form-textbox:focus{border-color:#004169 !important;outline:none !important;}",
    "#formContainer .form-sub-label{font-family:'Outfit',sans-serif !important;font-weight:300 !important;font-size:14px !important;color:#4c4c4c !important;text-transform:capitalize !important;display:block !important;margin-top:4px !important;}",
    "#cid_9 > span:nth-child(1),#cid_9 > span:nth-child(2){display:inline-block !important;width:48% !important;margin:0 1% 14px 1% !important;vertical-align:top !important;}",

    /* Total amount */
    "#formContainer #total_amount{font-family:'Outfit',sans-serif !important;font-weight:800 !important;font-size:clamp(24px,2vw,30px) !important;color:#1374be !important;background-color:#f6f6f6 !important;border:1.169px solid #d8d8d8 !important;border-radius:11px !important;padding:25px clamp(15px,2vw,26px) !important;display:block !important;width:100% !important;text-align:right !important;box-sizing:border-box !important;}",

    /* ============ ATTENDANCE CHECKBOX ============ */
    "#formContainer #id_15{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;padding:14px 0 !important;}",
    "#formContainer #id_15 .form-label-left{display:none !important;}",
    "#formContainer #id_15 .form-input{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;width:100% !important;padding:0 !important;}",
    "#formContainer #id_15 .form-single-column{display:inline-flex !important;align-items:center !important;width:100% !important;flex:0 0 auto !important;gap:0 !important;}",
    "#formContainer #id_15 .form-checkbox-item{display:inline-flex !important;flex-direction:row !important;align-items:center !important;background:transparent !important;border:none !important;min-height:0 !important;padding:0 !important;margin:0 !important;cursor:pointer !important;}",
    "#formContainer #id_15 .form-checkbox-item:hover{transform:none !important;box-shadow:none !important;background:transparent !important;}",
    "#formContainer #id_15 .form-checkbox-item input.form-checkbox{position:static !important;opacity:1 !important;width:18px !important;height:18px !important;pointer-events:auto !important;margin:0 !important;cursor:pointer !important;flex:0 0 auto !important;}",
    "#formContainer #id_15 .form-checkbox-item > label{display:none !important;}",
    "#formContainer #id_15 .jyl-attendance-text{padding-left: 20px; font-family:'Alegreya',serif !important;color:#1a1a1a !important;font-size:16px !important;font-weight:400 !important;flex:1 !important;cursor:pointer !important;letter-spacing:0 !important;text-transform:none !important;}",

    /* Payment Methods */
    "#formContainer .form-radio-item{display:inline-flex !important;align-items:center !important;gap:10px !important;margin:0 10px 10px 0 !important;padding:18px 20px !important;background-color:#f6f6f6 !important;border:1.14px solid #d8d8d8 !important;border-radius:10px !important;color:#535353 !important;font-family:'Outfit',sans-serif !important;font-size:15px !important;cursor:pointer !important;transition:all 0.3s ease !important;}",
    "#formContainer .form-radio-item input[type=radio]:checked + label,#formContainer .form-radio-item:has(input:checked){background-color:rgba(45,164,255,0.06) !important;border-color:rgba(19,116,190,0.7) !important;}",
    "#formContainer #id_16 .form-payment-methods{display:flex !important;flex-wrap:nowrap ;gap:10px !important;width:100% !important;padding:10px 0 !important;}",

    /* ============ SUBMIT BUTTON ============ */
    "#formContainer .form-submit-button{position:relative !important;display:block !important;background-color:transparent !important;color:#ffffff !important;border:2px solid #004169 !important;border-radius:6px !important;padding:20px 56px !important;font-family:'Anek Malayalam',sans-serif !important;font-weight:400 !important;font-size:24px !important;text-transform:uppercase !important;letter-spacing:1px !important;cursor:pointer !important;margin:clamp(40px,4vw,64px) auto 0 auto !important;width:100% !important;max-width:589px !important;height:72px !important;overflow:hidden !important;z-index:1 !important;transition:color 0.4s ease !important;}",
    "#formContainer .form-submit-button::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-color:#004169 !important;z-index:-1 !important;transform:scaleX(1) !important;transform-origin:left !important;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1) !important;}",
    "#formContainer .form-submit-button:hover{color:#004169 !important;background-color:transparent !important;}",
    "#formContainer .form-submit-button:hover::before{transform:scaleX(0) !important;transform-origin:right !important;}",
    "#formContainer .form-buttons-wrapper{text-align:center !important;padding:0 !important;background:transparent !important;text-indent:0 !important;}",
    "#formContainer #id_2{padding:0 !important;background:transparent !important;}",

    /* Mobile */
    "@media (max-width:1024px){",
    "  .jyl-hero{padding-bottom:50px !important;}",
    "  .jyl-hero-row{flex-direction:column !important;text-align:center !important;}",
    "  .jyl-hero-content{align-items:center !important;text-align:center !important;margin-bottom:40px !important;}",
    "  .jyl-logo-group{justify-content:center !important;}",
    "  .jyl-illustration{padding:0 !important;justify-content:center !important;width:90% !important;}",
    "  .jyl-stats-box{width:95% !important;margin-top:40px !important;}",
    "  .jyl-dedication-section .jyl-grid-founders .form-single-column{grid-template-columns:repeat(3,1fr) !important;}",
    "}",
    "@media (max-width:900px){",
    "  .jyl-split{grid-template-columns:1fr !important;}",
    "  .jyl-split-text{order:2 !important;padding:60px 20px !important;}",
    "  .jyl-split-img-wrap{order:1 !important;height:400px !important;min-height:400px !important;}",
    "  .jyl-residences .jyl-split-text{order:2 !important;}",
    "  .jyl-residences .jyl-split-img-wrap{order:1 !important;}",
    "  #formContainer .form-checkbox-item.jyl-other-card{grid-column:span 2 !important;}",
    "}",
    "@media (max-width:768px){",
    "  .jyl-nav-container{justify-content:flex-end !important;padding-right:20px !important;}",
    "  #formContainer #label_1{ padding-right: 50px !important;}",
    "  #formContainer #id_16 .form-payment-methods{ flex-wrap:wrap !important;}",
    "  .jyl-hamburger-btn{display:block !important;}",
    "  .jyl-nav-bar{flex-direction:column !important;position:absolute !important;top:100% !important;left:0 !important;width:100% !important;background-color:#004169 !important;padding:0 !important;gap:0 !important;max-height:0 !important;overflow:hidden !important;transition:max-height 0.4s ease,background-color 0.3s ease !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;}",
    "  .jyl-nav-container.jyl-scrolled .jyl-nav-bar{background-color:#ffffff !important;}",
    "  .jyl-nav-bar.jyl-active{max-height:300px !important;}",
    "  .jyl-nav-bar a{padding:20px !important;width:100% !important;text-align:center !important;border-top:1px solid rgba(255,255,255,0.05) !important;}",
    "  .jyl-hero-title{font-size:clamp(40px,13vw,60px) !important;}",
    "  .jyl-stats-header{flex-direction:column !important;align-items:center !important;}",
    "  .jyl-stat-group,.jyl-goal{align-items:center !important;text-align:center !important;}",
    "  .jyl-cta-row{flex-direction:column !important;width:100% !important;gap:15px !important;}",
    "  .jyl-cta-row .jyl-btn{width:100% !important;}",
    "  #formContainer #id_1 .form-single-column{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;}",
    "  #formContainer .form-checkbox-item.jyl-other-card{grid-column:span 2 !important;flex-direction:column !important;}",
    "  #formContainer .form-sub-label-container{display:block !important;width:100% !important;margin:0 0 14px 0 !important;}",
    "  .jyl-dedication-section .form-single-column{grid-template-columns: repeat(2, 1fr) !important;}",
    "  .jyl-dedication-section .jyl-grid-founders .form-single-column{grid-template-columns: repeat(2, 1fr) !important;}",
    "  .jyl-story-grid{grid-template-columns:1fr !important;}",
    "}",
    "@media (min-width:769px){",
    "  .jyl-hero{overflow:hidden !important;}",
    "  .jyl-hero-inner{position:relative !important;max-width:100% !important;margin:0 auto !important;padding:0 70px !important; padding-right: 0 !important; margin-right: 0 !important;}",
    "  .jyl-hero-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:40px !important;position:relative !important;}",
    "  .jyl-hero-content{flex:1 1 50% !important;min-width:0 !important;}",
    "  .jyl-illustration{position:relative !important;left:auto !important;right:auto !important;top:auto !important;flex:1 1 50% !important;min-width:0 !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;}",
    "  .jyl-illustration img{position:relative !important;right:auto !important;left:auto !important;top:auto !important;width:100% !important;max-width:100% !important;height:auto !important;display:block !important;}",
    "}"
  ].join('\n');

  function injectCSS() {
    if (document.getElementById('jyl-injected-css')) return;
    var style = document.createElement('style');
    style.id = 'jyl-injected-css';
    style.type = 'text/css';
    style.appendChild(document.createTextNode(CSS));
    (document.head || document.documentElement).appendChild(style);
  }

  /* ============ REMOVE CMS BACK BANNER ============ */
  function removeCmsBanner() {
    var banners = document.querySelectorAll('.cco_templateless_template');
    banners.forEach(function (b) {
      if (b && b.parentNode) b.parentNode.removeChild(b);
    });
  }

  /* ============ HTML INJECTION ============ */
  function injectHeader() {
    if (document.getElementById('jylRoot')) return;

    var html =
      '<div class="jyl-root" id="jylRoot">' +

        /* NAVBAR */
        '<div class="jyl-nav-container" id="jylNav">' +
          '<button class="jyl-hamburger-btn" aria-label="Toggle menu" id="jylHamburger">' +
            '<span></span><span></span><span></span>' +
          '</button>' +
          '<nav class="jyl-nav-bar" id="jylNavBar">' +
            '<a href="#jylTop" data-jyl-nav="top">home</a>' +
            '<a href="#jylDonate" data-jyl-nav="donate">donate</a>' +
            '<a href="#jylDedications" data-jyl-nav="dedications">dedications</a>' +
          '</nav>' +
        '</div>' +

        '<div id="jylTop"></div>' +

        /* HERO */
        '<div class="jyl-hero">' +
          '<img src="' + IMG_HERO_BG + '" alt="" class="jyl-hero-bg">' +
          '<div class="jyl-hero-inner">' +
            '<div class="jyl-hero-row">' +
              '<div class="jyl-hero-content">' +
                '<div class="jyl-logo-group jyl-reveal-up jyl-delay-100">' +
                  '<img src="' + IMG_LOGO_JYL + '" alt="JYL Logo" class="jyl-logo-jyl">' +
                  '<img src="' + IMG_LOGO_CHABAD + '" alt="Chabad Logo" class="jyl-logo-chabad">' +
                '</div>' +
                '<div class="jyl-hero-title jyl-reveal-up jyl-delay-200">our doors<br>are <span class="jyl-highlight">opening.</span></div>' +
                '<div class="jyl-help-box jyl-reveal-up jyl-delay-300">' +
                  '<div class="jyl-help-bg"></div>' +
                  '<div class="jyl-help-text">help make it complete!</div>' +
                '</div>' +
              '</div>' +
              '<div class="jyl-illustration jyl-reveal-slide-right jyl-delay-400">' +
                '<img src="' + IMG_BUILDING + '" alt="Building Illustration">' +
              '</div>' +
            '</div>' +
            '<div class="jyl-stats-box jyl-reveal-up jyl-delay-500">' +
              '<div class="jyl-stats-header">' +
                '<div class="jyl-stat-group">' +
                  '<span class="jyl-stat-label">money raised:</span>' +
                  '<span class="jyl-stat-value" id="jylRaised">$1,715,000</span>' +
                '</div>' +
                '<div class="jyl-stat-group jyl-goal">' +
                  '<span class="jyl-stat-label">goal:</span>' +
                  '<span class="jyl-stat-value" id="jylGoal">$3,594,950</span>' +
                '</div>' +
              '</div>' +
              '<div class="jyl-bar-track">' +
                '<div class="jyl-bar-fill" id="jylBarFill" style="width:0%">' +
                  '<span class="jyl-bar-text" id="jylPercent">0%</span>' +
                '</div>' +
              '</div>' +
              '<div class="jyl-cta-row">' +
                '<a href="#jylDonate" class="jyl-btn jyl-btn-white">donate now</a>' +
                '<a href="#jylDedications" class="jyl-btn jyl-btn-gold">make a dedication</a>' +
              '</div>' +
            '</div>' +
          '</div>' +
        '</div>' +

        /* OUR STORY SECTION */
        '<div class="jyl-story-section">' +
          '<div class="jyl-story-inner">' +
            '<span class="jyl-story-overline jyl-reveal-up">Founded in Ottawa, 1983</span>' +
            '<div class="jyl-story-heading jyl-reveal-up jyl-delay-100">Our Story</div>' +
            '<div class="jyl-story-grid">' +
              '<div class="jyl-story-col jyl-reveal-up jyl-delay-100">' +
                '<span class="jyl-story-year">1983 – 2019</span>' +
                '<p>With a blessing from the Lubavitcher Rebbe, Dr. Joseph and Devora Caytak founded the Jewish Youth Library in their Ottawa home in 1983. Thanks to the community\'s generous support, the library moved in 1989 to a two-storey house at 192 Switzer Avenue, and grew to include the Westboro Jewish Montessori Preschool and Camp Gan Israel of Ottawa.</p>' +
                '<p>The success of those programs eventually created a need for more space—forcing much of the library\'s extensive collection into storage. Until now.</p>' +
              '</div>' +
              '<div class="jyl-story-col jyl-reveal-up jyl-delay-200">' +
                '<span class="jyl-story-year">2020 – Today</span>' +
                '<p>Everything converged during a jog in 2020, when the Connor House—a 1915 landmark at 166 Huron Ave N. in Wellington West, designed by Francis Sullivan (an associate of Frank Lloyd Wright)—was discovered for sale. It was the perfect home for the Library\'s next chapter.</p>' +
                '<p>The renovated Connor House will also serve as the home of Chabad of Wellington West, under the direction of Rabbi Moshe and Sheina Caytak, who have already begun cultivating a vibrant Jewish community in the neighbourhood. We are grateful to all who have brought us to this milestone, and we invite your participation in this exciting new chapter.</p>' +
              '</div>' +
            '</div>' +
            '<div class="jyl-story-sig jyl-reveal-up jyl-delay-200">Dr. Joseph & Devora Caytak  •  Rabbi Moshe & Sheina Caytak</div>' +
            '<div class="jyl-reveal-up jyl-delay-300">' +
              '<a href="https://jewishyouthlibrary.com/media/pdf/1373/yZbU13735102.pdf" target="_blank" rel="noopener" class="jyl-btn jyl-btn-gold">Learn More</a>' +
            '</div>' +
          '</div>' +
        '</div>' +

        /* HERITAGE SPLIT */
        '<div class="jyl-split jyl-heritage">' +
          '<div class="jyl-split-text">' +
            '<div class="jyl-reveal-up jyl-delay-100" style="font-family:\'Outfit\',sans-serif;font-weight:700;font-size:20px;letter-spacing:1.1px;color:#cea981;">EXTENDING THE</div>' +
            '<div class="jyl-legacy-title jyl-reveal-up jyl-delay-200">Legacy</div>' +
            '<div class="jyl-reveal-up jyl-delay-300" style="font-size:18px;max-width:488px;">The beautifully renovated historic home at 166 Huron Ave. N. is becoming a permanent centre for Jewish life in the heart of Wellington West. As the future home of the Jewish Youth Library of Ottawa and Chabad of Wellington West, this landmark Prairie Style building will bring new energy and opportunity to Ottawa\u2019s Jewish community for generations to come.</div>' +
          '</div>' +
          '<div class="jyl-split-img-wrap jyl-reveal-slide-right jyl-delay-200">' +
            '<img src="' + IMG_LEGACY + '" alt="Historic Home Interior">' +
          '</div>' +
        '</div>' +

        /* RESIDENCES SPLIT */
        '<div class="jyl-split jyl-residences">' +
          '<div class="jyl-split-img-wrap jyl-reveal-up jyl-delay-100">' +
            '<img src="' + IMG_COMMUNITY + '" alt="Community Gathering">' +
          '</div>' +
          '<div class="jyl-split-text jyl-reveal-up jyl-delay-200">' +
            '<div style="font-size:18px;color:#1a1a1a;max-width:488px;">This campaign is about far more than renovating a building - it is about building the future of Jewish life in our community. In a time when meaningful connection and strong Jewish identity are more important than ever, this Centre will serve as a vibrant and welcoming home for Jews of all backgrounds to gather, celebrate, learn, and grow together.</div>' +
          '</div>' +
        '</div>' +

      '</div>';

    var fc = document.getElementById('formContainer');
    var holder = document.createElement('div');
    holder.innerHTML = html;
    var block = holder.firstChild;

    if (fc && fc.parentNode) {
      fc.parentNode.insertBefore(block, fc);
    } else {
      document.body.insertBefore(block, document.body.firstChild);
    }

    hookNavbar();
  }

  /* ============ NAVBAR BEHAVIOR ============ */
  function hookNavbar() {
    var nav = document.getElementById('jylNav');
    var hamburger = document.getElementById('jylHamburger');
    var navBar = document.getElementById('jylNavBar');
    if (!nav) return;

    window.addEventListener('scroll', function () {
      if (window.scrollY > 50) nav.classList.add('jyl-scrolled');
      else nav.classList.remove('jyl-scrolled');
    });

    if (hamburger && navBar) {
      hamburger.addEventListener('click', function () {
        hamburger.classList.toggle('jyl-active');
        navBar.classList.toggle('jyl-active');
      });
    }

    function handleAnchorClick(e, targetId) {
      var target = document.getElementById(targetId.replace('#', ''));
      if (target) {
        e.preventDefault();
        var navHeight = nav ? nav.offsetHeight : 0;
        var elementPosition = target.getBoundingClientRect().top + window.scrollY;
        var offsetPosition = elementPosition - navHeight - 15;
        window.scrollTo({ top: offsetPosition, behavior: 'smooth' });
        if (history.pushState) {
          history.pushState(null, null, targetId);
        } else {
          location.hash = targetId;
        }
      } else {
        console.log('Target ' + targetId + ' not found in top DOM yet. Falling back to native behavior.');
      }
      if (hamburger) hamburger.classList.remove('jyl-active');
      if (navBar) navBar.classList.remove('jyl-active');
    }

    var navLinks = document.querySelectorAll('a[data-jyl-nav]');
    navLinks.forEach(function (a) {
      a.addEventListener('click', function (e) {
        var which = a.getAttribute('data-jyl-nav');
        if (which === 'top') {
          e.preventDefault();
          window.scrollTo({ top: 0, behavior: 'smooth' });
          if (history.pushState) history.pushState(null, null, '#jylTop');
        } else {
          var hash = a.getAttribute('href');
          handleAnchorClick(e, hash);
        }
      });
    });

    var ctaLinks = document.querySelectorAll('.jyl-cta-row a[href^="#"]');
    ctaLinks.forEach(function (a) {
      a.addEventListener('click', function (e) {
        var hash = a.getAttribute('href');
        handleAnchorClick(e, hash);
      });
    });
  }

  /* ============ STATE & UTILS ============ */
  var campaignState = { goal: 1800000, raised: 0, percent: 0, inventory: [] };

  function $(sel, root) { return (root || document).querySelector(sel); }
  function $$(sel, root) { return Array.prototype.slice.call((root || document).querySelectorAll(sel)); }
  function fmtMoney(n) { return '$' + Math.round(n).toLocaleString('en-US'); }

  /* ============ GET STATE ============ */
  function fetchState() {
    if (!WEB_APP_URL || WEB_APP_URL.indexOf('PASTE_DEPLOYMENT_ID_HERE') !== -1) {
      console.warn('[JYL] WEB_APP_URL not configured — using static values');
      renderProgress();
      return;
    }
    var liveUrl = WEB_APP_URL + '?t=' + new Date().getTime();
    fetch(liveUrl, { method: 'GET' })
      .then(function (r) { return r.json(); })
      .then(function (data) {
        if (!data || !data.ok) throw new Error((data && data.error) || 'Unknown');
        campaignState = {
          goal: Number(data.goal) || campaignState.goal,
          raised: Number(data.raised) || campaignState.raised,
          percent: Number(data.percent) || 0,
          inventory: Array.isArray(data.inventory) ? data.inventory : []
        };
        renderProgress();
        applyInventory();
      })
      .catch(function (err) {
        console.error('[JYL] fetchState failed:', err);
        renderProgress();
      });
  }

  function renderProgress() {
    var raisedEl = $('#jylRaised');
    var goalEl   = $('#jylGoal');
    var fillEl   = $('#jylBarFill');
    var pctEl    = $('#jylPercent');

    if (raisedEl) raisedEl.textContent = fmtMoney(campaignState.raised);
    if (goalEl)   goalEl.textContent   = fmtMoney(campaignState.goal);

    var pct = Math.max(0, Math.min(100, campaignState.percent || (campaignState.goal > 0 ? (campaignState.raised / campaignState.goal * 100) : 0)));
    if (fillEl) {
      fillEl.style.width = '0%';
      setTimeout(function () { fillEl.style.width = pct + '%'; }, 100);
    }
    if (pctEl) pctEl.textContent = pct.toFixed(0) + '%';
  }

  /* ============ INVENTORY ============ */
  function applyInventory() {
    if (!campaignState.inventory.length) return;
    var invMap = {};
    campaignState.inventory.forEach(function (it) { invMap[it.item_key] = it; });

    $$('#formContainer .form-checkbox-item').forEach(function (item) {
      var input = $('input.form-checkbox', item);
      if (!input || input.classList.contains('form-checkbox-other')) return;
      var key = input.value;
      var inv = invMap[key];
      var statusEl = $('.jyl-card-status', item);
      if (!inv) return;

      if (inv.fully_reserved) {
        item.classList.add('jyl-reserved');
        input.disabled = true;
        input.checked = false;
        if (statusEl) statusEl.textContent = 'Reserved';
      } else if (inv.reserved_qty > 0) {
        item.classList.remove('jyl-reserved');
        input.disabled = false;
        if (statusEl) statusEl.textContent = inv.reserved_qty + ' Reserved';
      } else {
        item.classList.remove('jyl-reserved');
        input.disabled = false;
        if (statusEl) statusEl.textContent = '';
      }
    });
  }

  /* ============ TRANSFORM FORM ============ */
  function transformForm() {
    var fc = $('#formContainer');
    if (!fc) return false;
    if (!$('input.form-checkbox', fc)) return false;
    if (fc.dataset.jylTransformed === '1') return true;
    fc.dataset.jylTransformed = '1';

    /* ---- Transform attendance row FIRST ---- */
    var id15 = document.getElementById('id_15');
    if (id15) {
      var attItem = id15.querySelector('.form-checkbox-item');
      if (attItem) {
        attItem.classList.add('jyl-attendance-item');
        attItem.dataset.jylCard = '1';

        var labelText = '';
        var labelEl = id15.querySelector('#label_15 label[for="input_15"]');
        if (labelEl) labelText = (labelEl.textContent || '').trim();

        var input15 = id15.querySelector('input.form-checkbox');
        if (input15 && !id15.querySelector('.jyl-attendance-text')) {
          var span = document.createElement('span');
          span.className = 'jyl-attendance-text';
          span.textContent = labelText;
          span.addEventListener('click', function () {
            input15.checked = !input15.checked;
            input15.dispatchEvent(new Event('change', { bubbles: true }));
          });
          if (input15.parentNode && input15.parentNode.parentNode) {
            input15.parentNode.parentNode.appendChild(span);
          }
        }
      }
    }

    /* ---- Transform donation/dedication cards ---- */
    $$('#formContainer .form-checkbox-item').forEach(function (item) {
      var inp = $('input.form-checkbox', item);
      if (!inp) return;
      if (item.dataset.jylCard === '1') return;
      if (item.classList.contains('jyl-attendance-item')) return;

      item.dataset.jylCard = '1';
      item.classList.add('jyl-reveal-up');

      var rawValue = inp.value || '';
      var isOther  = inp.classList.contains('form-checkbox-other');

      var title = rawValue, price = '';
      var m = rawValue.match(/^(.*?)\s*(\$[\d,]+(?:\.\d+)?)(\s*(?:each|x\s*\d+))?\s*$/i);
      if (m) {
        title = m[1].trim();
        price = m[2] + (m[3] || '');
      }

      if (isOther) {
        item.classList.add('jyl-other-card');
        var labelEl2 = document.createElement('div');
        labelEl2.className = 'jyl-card-title';
        labelEl2.textContent = 'Other Amount:';
        labelEl2.style.pointerEvents = 'none';
        item.insertBefore(labelEl2, item.firstChild);

        var $otherInput = $('input.form-checkbox-other-input', item);
        var otherInput = $otherInput && $otherInput.jquery ? $otherInput[0] : $otherInput;

        if (otherInput) {
          otherInput.disabled = false;
          otherInput.removeAttribute('disabled');
          otherInput.removeAttribute('readonly');
          otherInput.placeholder = '0.00';

          otherInput.addEventListener('mousedown', function (e) { e.stopPropagation(); });
          otherInput.addEventListener('click',     function (e) { e.stopPropagation(); });
          otherInput.addEventListener('focus',     function () { item.classList.add('jyl-selected'); });
          otherInput.addEventListener('input', function () {
            if (parseFloat(otherInput.value) > 0) {
              inp.checked = true;
              item.classList.add('jyl-selected');
            } else {
              inp.checked = false;
              item.classList.remove('jyl-selected');
            }
          });

          setInterval(function () {
            if (otherInput.hasAttribute('disabled') || otherInput.disabled) {
              otherInput.disabled = false;
              otherInput.removeAttribute('disabled');
            }
            if (otherInput.hasAttribute('readonly')) {
              otherInput.removeAttribute('readonly');
            }
          }, 500);
        }

        item.addEventListener('click', function (e) {
          if (e.target === otherInput) return;
          if (otherInput) otherInput.focus();
        });
      } else {
        var content = document.createElement('div');
        content.className = 'jyl-card-content';
        var titleEl = document.createElement('div');
        titleEl.className = 'jyl-card-title';
        titleEl.textContent = title;
        var priceEl = document.createElement('div');
        priceEl.className = 'jyl-card-price';
        priceEl.textContent = price;
        var statusEl = document.createElement('div');
        statusEl.className = 'jyl-card-status';
        statusEl.textContent = '';
        content.appendChild(titleEl);
        content.appendChild(priceEl);
        content.appendChild(statusEl);
        item.insertBefore(content, item.firstChild);

        item.addEventListener('click', function (e) {
          if (item.classList.contains('jyl-reserved')) return;
          if (e.target.tagName === 'INPUT' || e.target.tagName === 'LABEL') return;
          inp.checked = !inp.checked;
          inp.dispatchEvent(new Event('change', { bubbles: true }));
          inp.dispatchEvent(new Event('click',  { bubbles: true }));
        });

        inp.addEventListener('change', function () {
          if (inp.checked) item.classList.add('jyl-selected');
          else item.classList.remove('jyl-selected');
        });
      }
    });

    /* ---- Alternating borders ---- */
    $$('#formContainer .form-line').forEach(function (line) {
      var cards = $$('.form-checkbox-item:not(.jyl-other-card):not(.jyl-attendance-item)', line);
      cards.forEach(function (c, idx) {
        if (idx % 2 === 1) c.classList.add('jyl-card-alt');
      });
    });

    /* ---- Tag donor rows ---- */
    var donorLineIds = ['id_9', 'id_10', 'id_11', 'id_12', 'id_13', 'id_14', 'id_15', 'id_16'];
    donorLineIds.forEach(function (id) {
      var el = document.getElementById(id);
      if (el) {
        el.classList.add('jyl-donor-row');
        el.classList.add('jyl-reveal-up');
      }
    });

    wrapSections();
    tagDedicationGroups();

    var submitBtn = document.querySelector('.form-submit-button');
    if (submitBtn) submitBtn.classList.add('jyl-reveal-up');

    initAnimations();
    return true;
  }

  /* ============ WRAP SECTIONS ============ */
  function wrapSections() {
    var formList = document.querySelector('#formContainer .form-section');
    if (!formList || formList.dataset.jylWrapped === '1') return;
    formList.dataset.jylWrapped = '1';

    var children = Array.prototype.slice.call(formList.children);

    function indexWhere(arr, pred) {
      for (var i = 0; i < arr.length; i++) if (pred(arr[i])) return i;
      return -1;
    }

    var donationStart = -1, dedicationStart = -1, donorStart = -1, submitStart = -1;

    children.forEach(function (li, i) {
      var header = li.querySelector && li.querySelector('.form-header');
      var hTxt = header ? header.textContent.trim().toLowerCase() : '';
      var label1 = li.querySelector && li.querySelector('#label_1 label');
      var lTxt = label1 ? label1.textContent.trim().toLowerCase() : '';

      if ((li.id === 'id_1' || hTxt.indexOf('donation option') !== -1 || lTxt.indexOf('donation option') !== -1) && donationStart === -1) donationStart = i;
      if (hTxt.indexOf('dedication opportun') !== -1 && dedicationStart === -1) dedicationStart = i;
      if (li.id === 'id_9' && donorStart === -1) donorStart = i;
      if (li.id === 'id_2' && submitStart === -1) submitStart = i;
    });

    if (donationStart === -1) donationStart = indexWhere(children, function (c) { return c.id === 'id_1'; });

    var donationEnd   = (dedicationStart !== -1 ? dedicationStart : donorStart) - 1;
    var dedicationEnd = (donorStart !== -1 ? donorStart : submitStart) - 1;
    var donorEnd      = submitStart !== -1 ? submitStart : children.length - 1;

    function wrapRange(startIdx, endIdx, className) {
      if (startIdx < 0 || endIdx < startIdx) return null;
      var wrapper = document.createElement('div');
      wrapper.className = className;
      var first = children[startIdx];
      if (!first || !first.parentNode) return null;
      first.parentNode.insertBefore(wrapper, first);
      for (var i = startIdx; i <= endIdx; i++) {
        if (children[i]) wrapper.appendChild(children[i]);
      }
      return wrapper;
    }

    var donationWrap = wrapRange(donationStart, donationEnd, 'jyl-donation-section');
    if (donationWrap) {
      donationWrap.id = 'jylDonate';
      var cta = document.createElement('div');
      cta.className = 'jyl-continue-cta jyl-reveal-up';
      cta.innerHTML = '<a href="#" class="jyl-btn jyl-btn-white">continue to donate</a>';
      donationWrap.appendChild(cta);
      cta.querySelector('a').addEventListener('click', function (e) {
        e.preventDefault();
        var target = document.getElementById('jylDonor');
        if (target) {
          var nav = document.getElementById('jylNav');
          var navHeight = nav ? nav.offsetHeight : 0;
          var top = target.getBoundingClientRect().top + window.pageYOffset - navHeight - 15;
          history.replaceState(null, '', window.location.pathname + window.location.search);
          window.scrollTo({ top: top, behavior: 'smooth' });
        }
      });
    }

    var dedicationWrap = wrapRange(dedicationStart, dedicationEnd, 'jyl-dedication-section');
    if (dedicationWrap) {
      dedicationWrap.id = 'jylDedications';
      var dedCta = document.createElement('div');
      dedCta.className = 'jyl-continue-cta jyl-reveal-up';
      dedCta.innerHTML = '<a href="#" class="jyl-btn jyl-btn-white">continue to complete form</a>';
      dedicationWrap.appendChild(dedCta);
      dedCta.querySelector('a').addEventListener('click', function (e) {
        e.preventDefault();
        var target = document.getElementById('jylDonor');
        if (target) {
          var nav = document.getElementById('jylNav');
          var navHeight = nav ? nav.offsetHeight : 0;
          var top = target.getBoundingClientRect().top + window.pageYOffset - navHeight - 15;
          history.replaceState(null, '', window.location.pathname + window.location.search);
          window.scrollTo({ top: top, behavior: 'smooth' });
        }
      });
    }

    var donorWrap = wrapRange(donorStart, donorEnd, 'jyl-donor-section');
    if (donorWrap) {
      donorWrap.id = 'jylDonor';
      var box = document.createElement('div');
      box.className = 'jyl-donor-box jyl-reveal-up';
      var title = document.createElement('h2');
      title.className = 'jyl-donor-box-title';
      title.textContent = 'Donor Details';
      box.appendChild(title);

      var donorChildren = Array.prototype.slice.call(donorWrap.children);
      donorChildren.forEach(function (c) { box.appendChild(c); });
      donorWrap.appendChild(box);
    }
  }

  /* ============ TAG DEDICATION GROUPS ============ */
  function tagDedicationGroups() {
    var section = document.querySelector('.jyl-dedication-section');
    if (!section) return;
    var lines = $$('.form-line', section);
    var currentGroup = null;
    lines.forEach(function (line) {
      var label = line.querySelector('.form-label-left label, .form-label-right label, .form-label-top label');
      var labelTxt = label ? label.textContent.trim().toLowerCase() : '';
      var hasCards = !!line.querySelector('.form-checkbox-item');

      if (labelTxt.indexOf('lead') !== -1) currentGroup = 'lead-gifts';
      else if (labelTxt.indexOf('visionar') !== -1) currentGroup = 'visionaries';
      else if (labelTxt.indexOf('founder') !== -1) currentGroup = 'founders';
      else if (labelTxt.indexOf('builder') !== -1) currentGroup = 'builders';

      if (hasCards && currentGroup) {
        line.classList.add('jyl-grid-' + currentGroup);
      }
    });
  }

  /* ============ ANIMATION OBSERVER ============ */
  var _jylObserver = null;
  function initAnimations() {
    if (!('IntersectionObserver' in window)) {
      $$('.jyl-reveal-up, .jyl-reveal-slide-right').forEach(function (el) { el.classList.add('jyl-in-view'); });
      return;
    }
    if (!_jylObserver) {
      _jylObserver = new IntersectionObserver(function (entries, obs) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('jyl-in-view');
            obs.unobserve(entry.target);
          }
        });
      }, { threshold: 0.1 });
    }
    $$('.jyl-reveal-up, .jyl-reveal-slide-right').forEach(function (el) {
      if (!el.classList.contains('jyl-in-view') && !el.dataset.jylObserved) {
        el.dataset.jylObserved = '1';
        _jylObserver.observe(el);
      }
    });
  }

  /* ============ SUBMIT GATE ============ */
  function hookSubmit() {
    var form = document.getElementById(FORM_ID);
    var submitButton = document.getElementById(SUBMIT_BTN_ID);
    if (!form || !submitButton) return false;
    if (submitButton.dataset.jylHooked === '1') return true;
    submitButton.dataset.jylHooked = '1';

    submitButton.addEventListener('click', function () {
      setTimeout(function () {
        var hasErrors = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
        var isHtml5Valid = form.checkValidity();
        if (hasErrors || !isHtml5Valid) {
          console.log('[JYL] Submission blocked: form has validation errors.');
          return;
        }
        var get = function (id) { var el = document.getElementById(id); return el ? (el.value || '').trim() : ''; };
        var firstName = get('first_9');
        var lastName  = get('last_9');
        var fullName  = (firstName + ' ' + lastName).trim() || 'Anonymous Donor';

        var items = [];
        var total = 0;
        $$('#formContainer input.form-checkbox:checked').forEach(function (cb) {
          var v = cb.value || '';
          if (!v) return;
          var m = v.match(/\$([\d,]+(?:\.\d+)?)/);
          var price = m ? parseFloat(m[1].replace(/,/g, '')) : 0;
          items.push({ key: v, price: price, qty: 1 });
          total += price;
        });
        var other = $('#formContainer input.form-checkbox-other-input');
        if (other && other.value) {
          var n = parseFloat(other.value);
          if (!isNaN(n) && n > 0) {
            items.push({ key: '__other__', price: n, qty: 1 });
            total += n;
          }
        }
        var pm = document.querySelector('input[name="q16_payment[payment_method]"]:checked');
        var paymentMethod = pm ? pm.value : '';

        var payload = {
          full_name: fullName,
          email: get('input_10'),
          phone: get('input_11_full'),
          address: [get('input_12_addr_line1'), get('input_12_addr_line2'), get('input_12_city'), get('input_12_state'), get('input_12_postal'), get('input_12_country')].filter(Boolean).join(', '),
          total_amount: total,
          items: items,
          dedication_message: get('input_13'),
          payment_method: paymentMethod
        };

        fetch(WEB_APP_URL, {
          method: 'POST',
          mode: 'no-cors',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify(payload)
        }).then(function () { console.log('[JYL] Payload sent.'); })
          .catch(function (err) { console.error('[JYL] Failed:', err); });
      }, 300);
    });

    return true;
  }

  /* ============ POLL ============ */
  function pollUntilReady() {
    var attempts = 0;
    var tick = function () {
      attempts++;
      var didTransform = transformForm();
      var didHook = hookSubmit();
      if (didTransform && didHook) {
        applyInventory();
        return;
      }
      if (attempts < 80) setTimeout(tick, 250);
    };
    tick();
  }

  /* ============ INIT ============ */
  function init() {
    removeCmsBanner();
    injectCSS();
    injectHeader();
    initAnimations();
    fetchState();
    pollUntilReady();
    if (REFRESH_INTERVAL > 0) setInterval(fetchState, REFRESH_INTERVAL);
    setTimeout(removeCmsBanner, 500);
    setTimeout(removeCmsBanner, 2000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();
</script>
</body>
</html>