<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1074/oDew10749824.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Membership" />
<meta name="title" content="Membership - Chabad of Palm Coast" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="3124761-3124769-5214548-6739917-6740332" />
<meta name="article-keywords" content="2185-8495-32230-2170-2898-20962" />
<meta name="scope-aid" content="3124761" />
<meta name="scope-aid" content="3124769" />
<meta name="scope-aid" content="5214548" />
<meta name="scope-aid" content="6739917" />
<meta name="scope-aid" content="6740332" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="32230" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.chabadpalmcoast.com/templates/articlecco_cdo/aid/6740332/jewish/Membership.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Membership - Chabad of Palm Coast" /><link rel="canonical" href="https://www.chabadpalmcoast.com/templates/articlecco_cdo/aid/6740332/jewish/Membership.htm" />
<link rel="icon" type="image/png" href="https://www.chabadpalmcoast.com/media/images/1074/oDew10749824.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/shluchim/minisites/themes/preschool2/styles2.css?v=7/8/2026" id="k32230" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/formCss2.css?v=AB6A2925" id="kFormCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/themes/nova.css?v=87AD6957" id="kNova" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2025-01-07","primaryArticleId":6740332,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"ARCHIVE","contentLevel3":"Hammock Chai Society","contentLevel4":"Membership","siteName":"Chabad of Palm Coast"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":35,"hebrewDate":"5786-05-25"}});
		dataLayer.push({ 'articleHierarchy': '-3124761-3124769-5214548-6739917-6740332-', 'keywords': '-k20962-k2898-k2170-k32230-k8495-k2185-', 'k': '-3124761-3124769-5214548-6739917-6740332--k20962-k2898-k2170-k32230-k8495-k2185-' });
	
</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 = 10759603;var sc_partition = 102;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "25f88f65";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c103.statcounter.com/counter.php?sc_project=10759603&amp;java=0&amp;security=25f88f65&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="icon" href="https://chabadpalmcoast.com/media/images/1192/zmLg11929095.png" />
<link href="https://fonts.googleapis.com/css2?family=Commissioner:wght@100;300;400;500;600;700;800;900&family=Outfit:wght@300;400;600;800&family=Montserrat:wght@700&display=swap" rel="stylesheet" />


<script src="https://webmk.co/sites/chabad-palm-coast/palm-coast-main-script.js"></script><script>
  function ready(fn) {
  if (document.readyState !== 'loading'){
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}
function addClass() {
  var path = window.location.pathname;
  var matches = path && path.match(/eventid\/(\d+)/);
  if (path.includes('ArticleCcoResponse')) document.body.classList.add('form-auto-response');
  var aid = Co && Co.ArticleId;
  if (matches && matches.length > 1) {
    var eventClass = 'eventid-' + matches[1];
    document.body.classList.add(eventClass);
    document.body.classList.add('event-page');
  } else if (path.includes('/register_cdo/')) {
    document.body.classList.add('event-page');
  } else {
    document.body.classList.add('aid-' + aid);
  }
};
ready(addClass);
</script><title>
	Membership - Chabad of Palm Coast
</title></head>
<body class="lang_en dir_ltr cco_body form secure cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadPalmCoast.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Palm Coast</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<a href="/6739917" id="PreschoolTitle">
&#160;
</a>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=6739917" class="parent">Home</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent selected">
<a href="/article.asp?aid=6740332" class="parent selected">Membership</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent">
<a href="/article.asp?aid=6741065" class="parent">Events</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Membership</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" >
	


		<div class="notice error">
			<div class="h1">Due to Shabbat observance this form is currently disabled</div>
			<div class="small_top_margin">Due to the sanctity of <b>Shabbat</b>, this form cannot accept new submissions until <b>Saturday, August 8, 8:49 PM</b>.</div>
			<div class="small_top_margin">Thank you.</div>
		</div>
	
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->
</div>


<footer id="PreschoolFooterNav">
<div>
<h3>
ABOUT
</h3>
<div class="fonts">
The Hammock Chai Society offers Hammock residents intimate, enriching Jewish experiences. From private soirées to artisanal workshops and thought-provoking events, each gathering inspires connection and community.
</div>

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=6739917" class="parent">Home</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent selected">
<a href="/article.asp?aid=6740332" class="parent selected">Membership</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent">
<a href="/article.asp?aid=6741065" class="parent">Events</a>
</li>

</ul>
</div>
</div>


</div>
</footer>
<footer id="PreschoolFooter">
<div>

<div class="fonts">
<span class="iconsfoot">
<i class="fa fa-home"></i>                                     160 Cypress Point Parkway </span>
<span class="iconsfoot">
<i class="fa fa-phone"></i>                                     386-225-4941 </span>
<span class="iconsfoot">
<i class="fa fa-envelope"></i>&#160;Info@chabadpalmcoast.com</span></div>

<a href="/6740332" id="PreschoolFooterButton">Become a Member</a>

</div>
</footer>


</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=6"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadpalmcoast.com%2ftemplates%2farticlecco_cdo%2faid%2f6740332%2fjewish%2fMembership.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=Membership+-+Chabad+of+Palm+Coast&amp;url=https%3a%2f%2fwww.chabadpalmcoast.com%2ftemplates%2farticlecco_cdo%2faid%2f6740332%2fjewish%2fMembership.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=Membership+-+Chabad+of+Palm+Coast https%3a%2f%2fwww.chabadpalmcoast.com%2ftemplates%2farticlecco_cdo%2faid%2f6740332%2fjewish%2fMembership.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.chabadpalmcoast.com%2ftemplates%2farticlecco_cdo%2faid%2f6740332%2fjewish%2fMembership.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Membership+-+Chabad+of+Palm+Coast">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 6739917);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad of Palm Coast</span>
		<div class="footer-address">
			<span class="footer-street">160 Cypress Point Parkway STE A208</span>
			<span class="footer-city-state">Palm Coast, FL 32164</span>
		</div>
			<span>386-225-4941</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.inputmask.min.js?v=BF33D3B4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/forms/userform.js?v=E69144BF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/FormDecoder.js?v=83AF6F1A"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Palm Coast'}; Co.ArticleId     = '6740332';Co.SectionId     = 5214548;Co.PartnerSiteId = 0;Co.SiteId        = 9897;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadPalmCoast.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
(function () {
  // 1. GATE ON URL
  if (!window.location.href.includes('7414705')) return;

  // ==========================================
  // CONFIG — one single URL does everything: submissions AND reads back
  // out (progress + donor wall + dedication reservations). No Google
  // Sheets "Publish to web" needed; that path was hitting a login-gate
  // on this account regardless of sharing settings, so the Web App now
  // serves the data itself via ?action=donors / ?action=settings.
  // ==========================================
  var WEB_APP_URL = "https://script.google.com/macros/s/AKfycbz-oNL5kfwysBmis5twm4Sjg2hwHhpacz7ZVIHYvh_d-TdtC_SRpk_cDF9OGG8HT34a/exec";

  // Donor-wall tier thresholds (highest first). A donor's tier = first
  // threshold their amount meets or exceeds.
  var PC_TIERS = [
    { name: 'Visionary',         min: 500000, range: '$500,000+' },
    { name: 'Legacy Circle',     min: 250000, range: '$250,000+' },
    { name: 'Leadership Circle', min: 100000, range: '$100,000+' },
    { name: 'Founder',           min: 54000,  range: '$54,000+'  },
    { name: 'Pillar',            min: 36000,  range: '$36,000+'  },
    { name: 'Benefactor',        min: 25000,  range: '$25,000+'  },
    { name: 'Patron',            min: 18000,  range: '$18,000+'  },
    { name: 'Builder',           min: 10000,  range: '$10,000+'  },
    { name: 'Sponsor',           min: 5400,   range: '$5,400+'   },
    { name: 'Partner',           min: 1801,   range: '$1,801+'   },
    { name: 'Friend',            min: 0,      range: 'Up to $1,800'}
  ];

  // ==========================================
  // 2.0 EARLY DATA FETCH — kick these off immediately, right after the
  // URL gate, so the network round-trip overlaps with DOM parsing/CSS
  // injection instead of only starting once DOMContentLoaded fires.
  // Both are Promises; .then() is safe to call multiple times later
  // without re-hitting the network (markTaken in 3j reuses pcDonorsPromise
  // instead of firing its own separate fetch, which is what the old code
  // did — that was two network calls to the same endpoint).
  // ==========================================
  var pcProgressPromise = (WEB_APP_URL && WEB_APP_URL.indexOf('http') === 0)
    ? fetch(WEB_APP_URL + '?action=settings')
        .then(function (r) { return r.json(); })
        .catch(function (err) { console.error('PC: settings fetch failed', err); return null; })
    : Promise.resolve(null);

  var pcDonorsPromise = (WEB_APP_URL && WEB_APP_URL.indexOf('http') === 0)
    ? fetch(WEB_APP_URL + '?action=donors')
        .then(function (r) { return r.json(); })
        .catch(function (err) { console.error('PC: donors fetch failed', err); return null; })
    : Promise.resolve(null);

  // ==========================================
  // 2. INJECT CSS
  // ==========================================
  var css = `
    :root {
      --pc-dark:#181c14; --pc-mint:#abd1c6; --pc-light-blue:#e1edfa;
      --pc-gold:#c38203; --pc-blue:#1374be; --pc-gray:#dadada;
      --pc-text:#303030; --pc-form-gray:#4c4c4c; --pc-white:#ffffff;
      --pc-bg-light:#f6f6f6; --pc-border-light:#d8d8d8;
    }

.pc-video {
    width: 100% !important;
    max-width: 760px !important;
    margin: 32px auto 32px auto !important;
}

.pc-video-frame {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18) !important;
    background: #000000 !important;
}

.pc-video-embed {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

@media (max-width: 767px) {
    .pc-video {
        margin: 24px auto 24px auto !important;
        max-width: 100% !important;
    }

    .pc-video-frame {
        border-radius: 12px !important;
    }
}
/* ======================================================= */
    /* FLIPBOOK SECTION                                        */
    /* ======================================================= */
    .pc-flipbook { background:#f0f0f0 !important; padding:60px 20px !important; display:flex !important; justify-content:center !important; align-items:center !important; }
    .pc-flipbook-inner { width:100% !important; max-width:1172px !important; }
    .pc-flipbook-frame { display:block !important; width:100% !important; height:680px !important; border:none !important; border-radius:6px !important; box-shadow:0 4px 20px rgba(0,0,0,0.1) !important; }
    @media (max-width:768px) { .pc-flipbook-frame { height:420px !important; } }

    /* Hide CMS chrome */
    .cco_templateless_template { display:none !important; height:0 !important; }

    /* ---- Global page background + font ---- */
    html, body, .supernova { background:var(--pc-white) !important; }
    body, .form-all { font-family:'Commissioner', sans-serif !important; color:var(--pc-dark) !important; }
    .form-all p, .form-all span, .form-all div, .form-all label { font-family:'Commissioner', sans-serif !important; }
li#cid_1 {
    display: none !Important;
}
    /* ---- FULL-WIDTH BREAKOUT ----
       The CMS wraps our injected HTML in a narrow, centered content column.
       .pc-fullbleed pulls each top section out to the true viewport width. */
    .pc-fullbleed { position:relative !important; left:50% !important; right:50% !important; margin-left:-50vw !important; margin-right:-50vw !important; width:100vw !important; max-width:100vw !important; box-sizing:border-box !important; }

    /* ---- Explicit section backgrounds (do NOT rely on inheritance) ----
       Hero uses a sky-blue fallback so the dark hero text stays readable
       even if the CMS fails to render the background image. */
    .pc-hero { background:#7fb4e0 !important; }
    .pc-about { background:var(--pc-white) !important; }
    .pc-gallery { background:var(--pc-white) !important; }
    .pc-amenities { background:var(--pc-white) !important; }
    

    /* ---- Force text color on every top-block text node (beats CMS inherited color) ---- */
    .pc-hero-title, .pc-hero-sub, .pc-about-heading, .pc-about-desc, .pc-strong,
    .pc-amenity-label, .pc-nav-link { color:var(--pc-dark) !important; }
    .pc-section-title { color:var(--pc-dark) !important; }
    .pc-section-title.pc-light, .pc-form-intro-sub, .pc-form-intro .pc-section-title { color:var(--pc-white) !important; }
    /* Font enforcement on top-block elements */
    .pc-hero-title, .pc-hero-sub, .pc-about-heading, .pc-about-desc, .pc-amenity-label,
    .pc-nav-link, .pc-btn, .pc-section-title, .pc-form-intro-sub { font-family:'Commissioner', sans-serif !important; }

    /* ======================================================= */
    /* SCROLL PROGRESS BAR                                      */
    /* ======================================================= */
    .pc-scroll-progress-container { position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:10px !important; background:transparent !important; z-index:1002 !important; }
    .pc-scroll-progress-bar { height:100% !important; width:0%; background:var(--pc-mint) !important; transition:width .1s ease-out !important; font-size:0 !important; line-height:0 !important; color:transparent !important; overflow:hidden !important; }

    /* ======================================================= */
    /* REVEAL ANIMATIONS                                        */
    /* ======================================================= */
    .pc-reveal { opacity:0 !important; transform:translateY(40px) !important; transition:opacity .8s ease-out, transform .8s cubic-bezier(.25,.8,.25,1) !important; }
    .pc-reveal.pc-active { opacity:1 !important; transform:translateY(0) !important; }

    /* ======================================================= */
    /* STICKY NAV                                              */
    /* ======================================================= */
    .pc-top-bar { position:fixed !important; top:0 !important; left:0 !important; width:100% !important; z-index:1000 !important; padding:35px 20px !important; transition:all .3s ease !important; }
    .pc-top-bar.pc-scrolled { background:rgba(255,255,255,.98) !important; padding:15px 20px !important; box-shadow:0 2px 15px rgba(0,0,0,.08) !important; }
    .pc-top-bar-inner { max-width:1440px !important; margin:0 auto !important; display:flex !important; justify-content:center !important; align-items:center !important; }
    .pc-nav-links { display:flex !important; align-items:center !important; justify-content:center !important; gap:63px !important; }
    .pc-nav-link { font-family:'Commissioner', sans-serif !important; font-weight:600 !important; font-size:22px !important; text-transform:uppercase !important; color:var(--pc-dark) !important; letter-spacing:.5px !important; text-decoration:none !important; transition:opacity .3s !important; }
    .pc-nav-link:hover { opacity:.6 !important; }
    .pc-hamburger { display:none !important; flex-direction:column !important; gap:6px !important; cursor:pointer !important; background:transparent !important; border:none !important; padding:10px !important; z-index:1001 !important; }
    .pc-hamburger span { width:30px !important; height:3px !important; background:var(--pc-dark) !important; transition:all .3s ease !important; border-radius:3px !important; display:block !important; font-size:0 !important; line-height:0 !important; color:transparent !important; overflow:hidden !important; }

    /* ======================================================= */
    /* HERO                                                    */
    /* ======================================================= */
    @keyframes pcSlowZoom { 0%{transform:scale(1);} 100%{transform:scale(1.15);} }
    .pc-hero { display:grid !important; width:100% !important; min-height:100vh !important; overflow:hidden !important; }
    .pc-hero-bg { grid-area:1/1 !important; width:100% !important; height:auto !important; min-height:100% !important; object-fit:cover !important; object-position:center bottom !important; z-index:0 !important; animation:pcSlowZoom 25s linear infinite alternate !important; }
    .pc-hero-content { grid-area:1/1 !important; position:relative !important; z-index:1 !important; width:100% !important; display:flex !important; flex-direction:column !important; align-items:center !important; padding-top:140px !important; }
    .pc-logo { width:112px !important; height:112px !important; margin-bottom:30px !important; }
    .pc-logo img { width:100% !important; height:100% !important; object-fit:contain !important; }
    .pc-hero-text { text-align:center !important; max-width:950px !important; padding:0 20px !important; }
    .pc-hero-title { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(40px,7.6vw,120px) !important; line-height:.95 !important; text-transform:uppercase !important; color:var(--pc-dark) !important; }
    .pc-hero-sub { font-family:'Commissioner', sans-serif !important; font-weight:500 !important; font-size:clamp(14px,1.5vw,20px) !important; line-height:1.5 !important; margin-top:15px !important; text-transform:uppercase !important; color:var(--pc-dark) !important; letter-spacing:.5px !important; }

    /* ---- CTA buttons (sliding fill) ---- */
    .pc-cta-group { display:flex !important; gap:24px !important; margin-top:45px !important; flex-wrap:wrap !important; justify-content:center !important; padding:0 20px !important; width:100% !important; }
    .pc-cta-left { justify-content:flex-start !important; padding:0 !important; margin-top:27px !important; }
    .pc-btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:17px 43px !important; border-radius:10px !important; font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:clamp(14px,1.33vw,19px) !important; text-transform:uppercase !important; color:var(--pc-dark) !important; cursor:pointer !important; white-space:nowrap !important; text-decoration:none !important; position:relative !important; overflow:hidden !important; z-index:1 !important; transition:color .3s ease !important; }
    .pc-btn::before { content:'' !important; position:absolute !important; top:0 !important; left:0 !important; bottom:0 !important; right:100% !important; z-index:-1 !important; transition:right .3s ease-out !important; }
    .pc-btn:hover::before { right:0 !important; }
    .pc-btn-mint { border:2px solid var(--pc-gold) !important; background:var(--pc-mint) !important; box-shadow:0 0 5px 1px rgba(0,0,0,.13) !important; }
    .pc-btn-mint::before { background:rgba(0,0,0,.1) !important; }
    .pc-btn-white { border:2px solid var(--pc-gold) !important; color: var(--pc-black) !important; background:var(--pc-white) !important; box-shadow:0 0 5px 1px rgba(0,0,0,.13) !important; }
   .pc-btn-white::before { background:var(--pc-mint) !important; }
    .pc-btn-white:hover { color:var(--pc-dark) !important; }

    /* ======================================================= */
    /* ABOUT                                                   */
    /* ======================================================= */
    .pc-about { padding:90px 120px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:100px !important; min-height:559px !important; background-image: url(https://chabadpalmcoast.com/media/images/1376/NsMn13769376.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important; }
    .pc-about-text { flex:1 !important; max-width:661px !important; }
    .pc-about-heading { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(30px,3.5vw,50px) !important; text-transform:uppercase !important; color:var(--pc-dark) !important; line-height:1.1 !important; }
    .pc-about-desc { margin-top:29px !important; font-family:'Commissioner', sans-serif !important; font-weight:300 !important; font-size:18px !important; line-height:1.875 !important; color:var(--pc-dark) !important; }
    .pc-strong { font-weight:700 !important; }
    .pc-about-image { flex-shrink:0 !important; width:396px !important; height:408px !important; border-radius:4px !important; overflow:hidden !important; }
    .pc-about-image img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .5s cubic-bezier(.25,.8,.25,1) !important; }
    .pc-about-image:hover img { transform:scale(1.05) !important; }

    /* ======================================================= */
    /* GALLERY                                                 */
    /* ======================================================= */
    .pc-gallery { display:grid !important; grid-template-columns:repeat(3,1fr) !important; width:100% !important; overflow:hidden !important; }
    .pc-gallery-item { height:322px !important; overflow:hidden !important; cursor:pointer !important; }
    .pc-gallery-item img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .5s cubic-bezier(.25,.8,.25,1) !important; }
    .pc-gallery-item:hover img { transform:scale(1.06) !important; }

    /* ======================================================= */
    /* AMENITIES                                               */
    /* ======================================================= */
    .pc-section-title { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(30px,4vw,50px) !important; text-transform:uppercase !important; text-align:center !important; line-height:1.1 !important; }
    .pc-section-title.pc-light { color:var(--pc-mint) !important; }
    .pc-amenities { padding:60px 120px !important; min-height:545px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
    .pc-amenities-card { background:var(--pc-light-blue) !important; border-radius:8px !important; width:100% !important; max-width:1200px !important; padding:60px 20px !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:38px !important; }
    .pc-amenities-grid { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:56px 22px !important; max-width:1160px !important; width:100% !important; }
    .pc-amenity { display:flex !important; align-items:center !important; gap:12px !important; transition:transform .3s cubic-bezier(.25,.8,.25,1) !important; cursor:pointer !important; }
    .pc-amenity:hover { transform:translateY(-5px) scale(1.03) !important; }
    .pc-amenity-icon { flex-shrink:0 !important; width:120px !important; height:120px !important; border-radius:50% !important; background:var(--pc-light-blue) !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; }
    .pc-amenity-icon img { width:85% !important; height:85% !important; object-fit:contain !important; }
    .pc-amenity-label { font-family:'Commissioner', sans-serif !important; font-weight:500 !important; font-size:18px !important; line-height:1.11 !important; text-transform:capitalize !important; color:var(--pc-dark) !important; max-width:147px !important; }
.form-html {padding: 0 !important;}
    /* ======================================================= */
    /* FORM INTRO BANNER (dark)                                */
    /* ======================================================= */
    .pc-form-intro { padding:90px 20px 60px !important; text-align:center !important; }
    .pc-form-intro-inner { max-width:820px !important; margin:0 auto !important; }
    .pc-form-intro-sub { font-family:'Commissioner', sans-serif !important; font-weight:400 !important; font-size:18px !important; text-transform:uppercase !important; color:var(--pc-white) !important; margin-top:25px !important; line-height:1.55 !important; }

    /* ======================================================= */
    /* PROGRESS BAR SECTION                                     */
    /* ======================================================= */
    .pc-progress-section { background:var(--pc-white) !important; padding:70px 20px !important; display:flex !important; justify-content:center !important; }
    .pc-progress-inner { width:100% !important; max-width:900px !important; text-align:center !important; }
    .pc-progress-heading { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(28px,4vw,46px) !important; text-transform:uppercase !important; color:var(--pc-dark) !important; margin-bottom:28px !important; line-height:1.1 !important; }
    .pc-progress-stats { display:flex !important; flex-direction:column !important; align-items:center !important; gap:4px !important; margin-bottom:22px !important; }
    .pc-progress-raised { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(38px,6vw,64px) !important; color:var(--pc-blue) !important; line-height:1 !important; letter-spacing:.5px !important; }
    .pc-progress-goal { font-family:'Commissioner', sans-serif !important; font-weight:500 !important; font-size:clamp(15px,1.8vw,20px) !important; color:var(--pc-form-gray) !important; text-transform:uppercase !important; letter-spacing:.5px !important; }
    .pc-progress-goal span { font-weight:800 !important; color:var(--pc-dark) !important; }
    .pc-progress-track { width:100% !important; height:34px !important; background:#eef1f0 !important; border-radius:100px !important; overflow:hidden !important; box-shadow:inset 0 2px 5px rgba(0,0,0,.08) !important; position:relative !important; }
    .pc-progress-fill { height:100% !important; width:0% ; background:linear-gradient(90deg, var(--pc-mint), var(--pc-blue)) !important; border-radius:100px !important; transition:width 1.4s cubic-bezier(.25,.8,.25,1) !important; box-shadow:0 0 12px rgba(19,116,190,.35) !important; font-size:0 !important; line-height:0 !important; color:transparent !important; overflow:hidden !important; }
    .pc-progress-percent { font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:clamp(14px,1.6vw,18px) !important; color:var(--pc-gold) !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin-top:16px !important; }

    /* ======================================================= */
    /* DONORS SECTION                                           */
    /* ======================================================= */
    .pc-donors-section { background:var(--pc-bg-light) !important; padding:80px 20px !important; display:flex !important; justify-content:center !important; }
    .pc-donors-inner { width:100% !important; max-width:1100px !important; }
    .pc-donors-title { color:var(--pc-dark) !important; margin-bottom:10px !important; }
    .pc-donors-sub { font-family:'Commissioner', sans-serif !important; font-weight:400 !important; font-size:clamp(15px,1.8vw,19px) !important; color:var(--pc-form-gray) !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin-bottom:40px !important; }
    .pc-donors-loading { text-align:center !important; font-family:'Commissioner', sans-serif !important; color:var(--pc-form-gray) !important; padding:40px 0 !important; font-size:18px !important; }

    .pc-tier-nav { display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; margin-bottom:34px !important; font-size:0 !important; color:transparent !important; }
    .pc-tier-pill { font-family:'Commissioner', sans-serif !important; font-weight:600 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:.4px !important; color:var(--pc-form-gray) !important; background:var(--pc-white) !important; border:2px solid var(--pc-border-light) !important; border-radius:100px !important; padding:10px 20px !important; cursor:pointer !important; transition:all .2s ease !important; white-space:nowrap !important; display:inline-flex !important; align-items:center !important; gap:8px !important; }
    .pc-tier-pill:hover { border-color:var(--pc-gold) !important; color:var(--pc-dark) !important; }
    .pc-tier-pill.pc-tier-active { background:var(--pc-dark) !important; border-color:var(--pc-dark) !important; color:var(--pc-white) !important; }
    .pc-tier-pill-count { font-weight:800 !important; background:rgba(0,0,0,.08) !important; border-radius:100px !important; padding:1px 8px !important; font-size:12px !important; }
    .pc-tier-pill.pc-tier-active .pc-tier-pill-count { background:rgba(255,255,255,.2) !important; }

    .pc-tier-panels { position:relative !important; }
    .pc-tier-panel { display:none !important; }
    .pc-tier-panel.pc-tier-panel-active { display:block !important; animation:pcFadeIn .35s ease !important; }
    @keyframes pcFadeIn { from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} }
    .pc-tier-panel-header { display:flex !important; align-items:baseline !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:8px !important; margin-bottom:20px !important; padding-bottom:14px !important; border-bottom:2px solid var(--pc-border-light) !important; }
    .pc-tier-panel-name { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(22px,2.6vw,32px) !important; text-transform:uppercase !important; color:var(--pc-dark) !important; }
    .pc-tier-panel-range { font-family:'Commissioner', sans-serif !important; font-weight:600 !important; font-size:15px !important; color:var(--pc-gold) !important; text-transform:uppercase !important; letter-spacing:.5px !important; }

    .pc-donor-scroll { max-height:318px !important; overflow-y:auto !important; padding-right:10px !important; display:flex !important; flex-direction:column !important; gap:12px !important; scrollbar-width:thin !important; scrollbar-color:var(--pc-mint) #eef1f0 !important; }
    .pc-donor-scroll::-webkit-scrollbar { width:8px !important; }
    .pc-donor-scroll::-webkit-scrollbar-track { background:#eef1f0 !important; border-radius:100px !important; }
    .pc-donor-scroll::-webkit-scrollbar-thumb { background:var(--pc-mint) !important; border-radius:100px !important; }
    .pc-donor-scroll::-webkit-scrollbar-thumb:hover { background:var(--pc-blue) !important; }

    .pc-donor-card { background:var(--pc-white) !important; border:1px solid var(--pc-border-light) !important; border-radius:10px !important; padding:18px 24px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; transition:border-color .2s, transform .2s !important; }
    .pc-donor-card:hover { border-color:var(--pc-gold) !important; transform:translateX(4px) !important; }
    .pc-donor-card-left { display:flex !important; flex-direction:column !important; gap:3px !important; min-width:0 !important; }
    .pc-donor-name { font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:19px !important; color:var(--pc-dark) !important; line-height:1.2 !important; }
    .pc-donor-dedication { font-family:'Commissioner', sans-serif !important; font-weight:400 !important; font-style:italic !important; font-size:14px !important; color:var(--pc-form-gray) !important; line-height:1.3 !important; }
    .pc-donor-tier-label { font-family:'Commissioner', sans-serif !important; font-weight:600 !important; font-size:12px !important; text-transform:uppercase !important; letter-spacing:.5px !important; color:var(--pc-gold) !important; margin-top:2px !important; }
    .pc-donor-amount { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(18px,2vw,24px) !important; color:var(--pc-blue) !important; white-space:nowrap !important; flex-shrink:0 !important; }
    .pc-tier-empty { font-family:'Commissioner', sans-serif !important; color:var(--pc-form-gray) !important; padding:30px 0 !important; text-align:center !important; font-size:16px !important; }

    .pc-tier-arrows { display:flex !important; justify-content:space-between !important; margin-top:24px !important; gap:12px !important; }
    .pc-tier-arrow { font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:.4px !important; color:var(--pc-dark) !important; background:var(--pc-white) !important; border:2px solid var(--pc-border-light) !important; border-radius:100px !important; padding:12px 24px !important; cursor:pointer !important; transition:all .2s ease !important; display:inline-flex !important; align-items:center !important; gap:8px !important; }
    .pc-tier-arrow:hover:not(:disabled) { border-color:var(--pc-gold) !important; background:var(--pc-mint) !important; }
    .pc-tier-arrow:disabled { opacity:.35 !important; cursor:not-allowed !important; }
  `;

  // (form-transform CSS appended below in part 2)

  // ==========================================
  // 2b. FORM-TRANSFORM CSS (appended)
  // ==========================================
  css += `
    /* ======================================================= */
    /* FORM SHELL - dark background, full width                 */
    /* ======================================================= */
    .form-all { width:100% !important; max-width:100% !important; box-shadow:none !important; margin:0 !important; padding:0 !important;}
    .form-section { padding:0 !important; margin:0 !important; }
    #GenFormStyles { display:none !important; }

    /* The dedication + wall + amounts groups live directly on dark bg */
    #cid_1, #id_3, #cid_4, #id_5, #cid_6, #id_7 { width:100% !important; max-width:100% !important; }

    /* Constrain everything else to a centered column */
    .form-line { width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; float:none !important; }

    /* Hide JotForm junk inside the card grids */
    #cid_3 .clearfix, #cid_5 .clearfix, #cid_7 .clearfix { display:none !important; }
    #cid_3 br, #cid_5 br, #cid_7 br { display:none !important; }
    .label-message { display:none !important; }
    /* Hide the left labels for the three grid groups (Figma has no side label) */
    #label_3, #label_5, #label_7 { display:none !important; }

    /* ---- Section header groups (h2 intros for each block) ---- */
    .form-header-group { background:transparent !important; border:none !important; text-align:center !important; padding:40px 20px 10px !important; }
    #cid_1 .form-header, #cid_4 .form-header, #cid_6 .form-header { font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:clamp(30px,4vw,50px) !important; text-transform:uppercase !important; }
    #cid_4 .form-header { color:var(--pc-mint) !important; }
    #cid_1 .form-header, #cid_6 .form-header { color:var(--pc-white) !important; }
    .form-subHeader { font-family:'Commissioner', sans-serif !important; font-weight:400 !important; font-size:16px !important; text-transform:uppercase !important; color:var(--pc-white) !important; margin-top:14px !important; opacity:.85 !important; }
    /* Donor & Payment header (#cid_8) is inside the white box - restyle there */

    /* ======================================================= */
    /* CARD GRIDS (Dedications, Wall, Amounts)                  */
    /* ======================================================= */
    #cid_3, #cid_5, #cid_7 { display:flex !important; justify-content:center !important; width:100% !important; padding:0 20px 30px !important; box-sizing:border-box !important; }
    #cid_3 .form-multiple-column, #cid_5 .form-multiple-column, #cid_7 .form-multiple-column {
      display:grid !important; gap:32px !important; width:100% !important; max-width:1082px !important; margin:0 auto !important; float:none !important;
    }
    #cid_3 .form-multiple-column { grid-template-columns:repeat(2,1fr) !important; }
    #cid_5 .form-multiple-column { grid-template-columns:repeat(2,1fr) !important; }
    #cid_7 .form-multiple-column { grid-template-columns:repeat(3,1fr) !important; gap:24px !important; }

    .form-checkbox-item { position:relative !important; margin:0 !important; clear:none !important; width:100% !important; float:none !important; }
    .form-checkbox-item input[type="checkbox"] { display:none !important; }

    /* Card = the label */
    #cid_3 .form-checkbox-item label:not(.pc-processed-x),
    #cid_5 .form-checkbox-item label,
    #cid_7 .form-checkbox-item label {
      display:flex !important; align-items:center !important; gap:30px !important;
      background:var(--pc-white) !important; border:2px solid var(--pc-gold) !important; border-radius:5px !important;
      padding:30px 33px !important; min-height:111px !important; cursor:pointer !important;
      box-sizing:border-box !important; transition:all .05s ease-out !important; margin:0 !important;
      font-family:'Commissioner', sans-serif !important; text-transform:uppercase !important; color:var(--pc-dark) !important;
      overflow:hidden !important; position:relative !important; width:100% !important;
    }
    /* Alternating grey backgrounds (nth-child on the item wrapper) */
    #cid_3 .form-checkbox-item:nth-child(even) label,
    #cid_5 .form-checkbox-item:nth-child(even) label,
    #cid_7 .form-checkbox-item:nth-child(even) label { background:#f2f2f2 !important; }

    /* If the dedications grid has an odd last item, center it across both cols. */
    #cid_3 .form-checkbox-item.pc-center-last { grid-column:1 / -1 !important; justify-self:center !important; max-width:501px !important; width:100% !important; }

    /* Radio dot rendered via ::before on the label */
    #cid_3 .form-checkbox-item label::before,
    #cid_5 .form-checkbox-item label::before,
    #cid_7 .form-checkbox-item label::before {
      content:'' !important; width:26px !important; height:26px !important; border-radius:50% !important;
      background:var(--pc-white) !important; border:2px solid #ccc !important; flex-shrink:0 !important;
      transition:all .05s ease-out !important; position:relative !important; box-sizing:border-box !important;
    }
    /* Hover */
    #cid_3 .form-checkbox-item label:hover, #cid_5 .form-checkbox-item label:hover, #cid_7 .form-checkbox-item label:hover { box-shadow:inset 0 0 0 4px var(--pc-gold) !important; }
    #cid_3 .form-checkbox-item label:hover::before, #cid_5 .form-checkbox-item label:hover::before, #cid_7 .form-checkbox-item label:hover::before { border-color:var(--pc-gold) !important; }

    /* Selected (checkbox checked) -> mint fill */
    #cid_3 .form-checkbox-item input:checked + label,
    #cid_5 .form-checkbox-item input:checked + label,
    #cid_7 .form-checkbox-item input:checked + label {
      background:var(--pc-mint) !important; border-color:var(--pc-mint) !important; box-shadow:inset 0 0 0 2px var(--pc-mint) !important;
    }
    #cid_3 .form-checkbox-item input:checked + label::before,
    #cid_5 .form-checkbox-item input:checked + label::before,
    #cid_7 .form-checkbox-item input:checked + label::before {
      background:var(--pc-mint) !important; border-color:var(--pc-dark) !important;
    }
    /* Check tick */
    #cid_3 .form-checkbox-item input:checked + label::after,
    #cid_5 .form-checkbox-item input:checked + label::after,
    #cid_7 .form-checkbox-item input:checked + label::after {
      content:'' !important; position:absolute !important; left:44px !important; top:50% !important;
      width:6px !important; height:12px !important; border:solid var(--pc-dark) !important; border-width:0 2px 2px 0 !important;
      transform:translateY(-70%) rotate(45deg) !important; box-sizing:border-box !important;
    }

    /* Label text - split into name + price via JS spans */
    #cid_3 .form-checkbox-item label span:not(.pc-name):not(.pc-price),
    #cid_5 .form-checkbox-item label span:not(.pc-name):not(.pc-price),
    #cid_7 .form-checkbox-item label span:not(.pc-name):not(.pc-price) { display:flex !important; flex-direction:column !important; gap:5px !important; }
    .pc-name { font-family:'Commissioner', sans-serif !important; font-weight:500 !important; font-size:18px !important; color:var(--pc-dark) !important; display:block !important; }
    .pc-price { font-family:'Commissioner', sans-serif !important; font-weight:800 !important; font-size:clamp(22px,2.1vw,30px) !important; letter-spacing:.9px !important; color:var(--pc-dark) !important; display:block !important; }
    /* Amounts group ($3,600 etc) - single line, no name */
    #cid_7 .pc-price { font-weight:800 !important; }

    /* ---- TAKEN / RESERVED state ---- */
    #cid_3 .form-checkbox-item.pc-taken label,
    #cid_5 .form-checkbox-item.pc-taken label,
    #cid_7 .form-checkbox-item.pc-taken label { cursor:not-allowed !important; pointer-events:none !important; opacity:1 !important; background:var(--pc-gold) !important; border-color:var(--pc-gold) !important; }
    #cid_3 .form-checkbox-item.pc-taken label::before,
    #cid_5 .form-checkbox-item.pc-taken label::before,
    #cid_7 .form-checkbox-item.pc-taken label::before { background:transparent !important; border-color:var(--pc-dark) !important; opacity:.6 !important; }
    .form-checkbox-item.pc-taken .pc-name { opacity:.55 !important; color:var(--pc-dark) !important; }
    .form-checkbox-item.pc-taken .pc-price { opacity:.55 !important; color:var(--pc-dark) !important; }
    .pc-reserved-note { display:block !important; margin-top:10px !important; }
    .pc-reserved-word { display:block !important; font-family:'Commissioner', sans-serif !important; font-weight:900 !important; font-size:24px !important; text-transform:uppercase !important; letter-spacing:.6px !important; color:var(--pc-dark) !important; line-height:1.1 !important; opacity:1 !important; }
    .pc-reserved-by { display:block !important; font-family:'Commissioner', sans-serif !important; font-style:italic !important; font-weight:800 !important; font-size:25px !important; text-transform:none !important; color:var(--pc-dark) !important; opacity:.7 !important; margin-top:3px !important; }

    /* ======================================================= */
    /* OTHER / CUSTOM AMOUNT (other_7 / input_7)               */
    /* ======================================================= */
    /* Custom card spans the full width of the 3-column amounts grid. */
    #cid_7 .form-checkbox-item.pc-custom-card { grid-column:1 / -1 !important; }
    .pc-custom-card {
      display:flex !important; align-items:center !important; gap:20px !important; padding:15px 33px !important;
      background:var(--pc-white) !important; border:2px solid var(--pc-gold) !important; border-radius:5px !important;
      min-height:111px !important; cursor:pointer !important; box-sizing:border-box !important; width:100% !important; position:relative !important;
    }
    .pc-custom-card.pc-active { box-shadow:inset 0 0 0 2px var(--pc-mint) !important; background:var(--pc-mint) !important; border-color:var(--pc-mint) !important; }
    .pc-custom-card::before {
      content:'' !important; width:26px !important; height:26px !important; border-radius:50% !important;
      background:var(--pc-white) !important; border:2px solid #ccc !important; flex-shrink:0 !important; box-sizing:border-box !important; position:relative !important;
    }
    .pc-custom-card.pc-active::before { background:var(--pc-mint) !important; border-color:var(--pc-dark) !important; }
    /* Tick mark inside the dot when active (mirrors the other cards) */
    .pc-custom-card.pc-active::after {
      content:'' !important; position:absolute !important; left:44px !important; top:50% !important;
      width:6px !important; height:12px !important; border:solid var(--pc-dark) !important; border-width:0 2px 2px 0 !important;
      transform:translateY(-70%) rotate(45deg) !important; box-sizing:border-box !important; pointer-events:none !important; z-index:2 !important;
    }
    .pc-custom-label { font-family:'Commissioner', sans-serif !important; font-weight:800 !important; font-size:18px !important; letter-spacing:.54px !important; color:var(--pc-dark) !important; text-transform:uppercase !important; white-space:nowrap !important; pointer-events:none !important; }
    .pc-custom-wrap { background:#eaeaea !important; height:60px !important; flex:1 1 auto !important; min-width:120px !important; display:flex !important; align-items:center !important; padding-left:18px !important; border-radius:4px !important; box-sizing:border-box !important; }
    .pc-custom-wrap > span { font-family:'Commissioner', sans-serif !important; font-weight:100 !important; font-size:23px !important; color:var(--pc-dark) !important; flex-shrink:0 !important; }
    #cid_7 input[type="number"], .pc-custom-input {
      background:transparent !important; border:none !important; outline:none !important;
      font-family:'Commissioner', sans-serif !important; font-weight:100 !important; font-size:23px !important; color:var(--pc-dark) !important;
      width:100% !important; min-width:0 !important; padding-left:5px !important; box-sizing:border-box !important;
    }
    /* Hide the stray empty span JotForm leaves in the custom card */
    .pc-custom-card > span:empty { display:none !important; }
    .pc-custom-card > br { display:none !important; }

    /* ======================================================= */
    /* DONOR WHITE BOX (fields 8,10,11,12,13,14,15,16)          */
    /* ======================================================= */
    .pc-white-box {
      background:var(--pc-white) !important; border-radius:8px !important; width:100% !important;
     margin:0 !important; padding:68px 20vw !important; box-sizing:border-box !important;
      list-style:none !important; display:block !important; margin-top: 50px !important;
    }
    .pc-white-box .form-header-group { text-align:center !important; padding:0 0 40px !important; }
    .pc-white-box .form-header { font-family:'Commissioner', sans-serif !important; font-weight:800 !important; font-size:31px !important; text-align:center !important; text-transform:uppercase !important; letter-spacing:1.88px !important; color:var(--pc-dark) !important; }

.form-address-table {
    max-width: 100% !important;
}
    .pc-white-box .form-line { padding:18px 0 !important; margin:0 !important; max-width:100% !important; }
    .pc-white-box .form-label-left { float:none !important; text-align:left !important; margin-bottom:8px !important; }
    #label_input_19_0, .pc-white-box .form-label-left label { font-family:'Outfit', sans-serif !important; font-weight:600 !important; font-size:21px !important; text-transform:capitalize !important; color:var(--pc-dark) !important; }
    .pc-white-box .form-input { width:100% !important; }
    .form-required { color:var(--pc-blue) !important; margin-left:3px !important; }

    /* Inputs */
    .form-textbox, .form-dropdown, .form-address-table input, .form-address-table select {
      height:60px !important; border:2px solid var(--pc-light-blue) !important; border-radius:10px !important;
      background:var(--pc-white) !important; padding:0 15px !important; font-family:'Outfit', sans-serif !important; font-size:16px !important;
      color:var(--pc-dark) !important; width:100% !important; box-sizing:border-box !important; max-width:100% !important;
    }
    .form-textbox:focus, .form-dropdown:focus, .form-address-table input:focus, .form-address-table select:focus { border-color:var(--pc-blue) !important; outline:none !important; }
    .form-sub-label { font-family:'Outfit', sans-serif !important; font-weight:300 !important; font-size:15px !important; color:var(--pc-form-gray) !important; text-transform:capitalize !important; margin-top:5px !important; display:block !important; }

    /* Name row (first/last side by side) */
    #cid_11 { display:flex !important; gap:24px !important; flex-wrap:wrap !important; }
    #cid_11 .form-sub-label-container { flex:1 !important; min-width:45% !important; }

    /* Email + Phone side-by-side row (grouped by JS) */
    .pc-field-row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:24px !important; padding:18px 0 !important; margin:0 !important; max-width:100% !important; list-style:none !important; }
    .pc-field-row > .form-line { padding:0 !important; margin:0 !important; }
.form-payment-methods.form-multiple-column {
      display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:15px !important; width:100% !important;
    }
    @media (max-width:768px){ .pc-field-row { grid-template-columns:1fr !important; }
.pc-custom-card.pc-active::after{ left: 30px !important;
    top: 24% !important;}
#cid_5 .form-checkbox-item input:checked + label::after, #cid_7 .form-checkbox-item input:checked + label::after{
left: 30px !important;} 
#cid_3 .form-multiple-column, #cid_5 .form-multiple-column, #cid_7 .form-multiple-column{ gap: 16px !important;}
.pc-white-box .form-input { width: 90vw !important; }
.form-payment-methods.form-multiple-column { grid-template-columns: repeat(2, 1fr) !important;}
}

    /* Address table -> grid rows (SCOPED to the address field only, NOT payment) */
    #cid_14 .form-address-table { width:100% !important; border-collapse:separate !important; border-spacing:12px 8px !important; }
    #cid_14 .form-address-table tr { display:flex !important; flex-wrap:wrap !important; width:100% !important; gap:12px !important; }
    #cid_14 .form-address-table td { display:block !important; padding:0 !important; margin:0 !important; flex-grow:1 !important; }
    #cid_14 .form-address-table td[colspan="2"] { width:100% !important; flex:1 1 100% !important; }
    #cid_14 .form-address-table td[width="50%"] { flex:1 1 calc(50% - 12px) !important; }
    .form-sub-label-container { display:block !important; }

    /* ======================================================= */
    /* PAYMENT METHOD                                          */
    /* ======================================================= */
    /* Keep the "Payment Method" label visible (Figma has the title). */
    #label_15 { display:block !important; width:100% !important; float:none !important; text-align:left !important; margin-bottom:14px !important; }
    #label_15 label { font-family:'Outfit', sans-serif !important; font-weight:600 !important; font-size:21px !important; text-transform:capitalize !important; color:var(--pc-dark) !important; }

    /* CRITICAL: the payment table holds the radios AND all cc/echeck/billing rows.
       JotForm hides those rows with class .hide and reveals them by removing .hide
       when a method is picked. Our layout CSS must NEVER apply to a .hide row,
       otherwise it force-shows fields for methods the user did not pick. */
    #cid_15 .form-address-table { width:100% !important; border-collapse:collapse !important; display:block !important; }
    #cid_15 .form-address-table > tbody { display:block !important; width:100% !important; }
    /* Hidden rows stay hidden, period. */
    #cid_15 tr.hide { display:none !important; }
    /* Visible rows lay out as blocks */
    #cid_15 tr:not(.hide) { display:block !important; width:100% !important; }
    #cid_15 tr:not(.hide) > td { display:grid !important; width:100% !important; padding:6px 0 !important; }

    /* The payment-method radio row: force the 4 options into one row */
    #cid_15 td.form-payment-methods .form-radio-item { display:inline-block !important; }
    
    .form-payment-methods .form-radio-item { margin:0 !important; width:100% !important; float:none !important; }
    .form-payment-methods .form-radio-item input[type="radio"] { display:none !important; }
    .form-payment-methods .form-radio-item label {
      border:1px solid var(--pc-border-light) !important; border-radius:10px !important; background:var(--pc-bg-light) !important;
      height:75px !important; display:flex !important; align-items:center !important; gap:14px !important; padding:0 20px !important;
      cursor:pointer !important; transition:border-color .2s, background .2s !important; margin:0 !important;
      font-family:'Outfit', sans-serif !important; font-weight:400 !important; font-size:17px !important; color:var(--pc-form-gray) !important;
      box-sizing:border-box !important; white-space:nowrap !important;
    }
    .form-payment-methods .form-radio-item label::before {
      content:'' !important; width:27px !important; height:27px !important; border-radius:50% !important; border:2px solid var(--pc-border-light) !important;
      flex-shrink:0 !important; position:relative !important; box-sizing:border-box !important; transition:all .2s !important;
    }
    .form-payment-methods .form-radio-item label:hover { border-color:rgba(19,116,190,.7) !important; background:rgba(45,164,255,.06) !important; }
    .form-payment-methods .form-radio-item input:checked + label { border-color:rgba(19,116,190,.7) !important; background:rgba(45,164,255,.06) !important; }
    .form-payment-methods .form-radio-item input:checked + label::before { border-color:var(--pc-blue) !important; box-shadow:inset 0 0 0 5px var(--pc-blue) !important; background:var(--pc-white) !important; }

    /* Payment sub-fields (cc, echeck, billing) - style ONLY when revealed (not .hide) */
    #cid_15 tr:not(.hide) th { font-family:'Outfit', sans-serif !important; text-align:left !important; padding:15px 0 5px !important; color:var(--pc-dark) !important; font-size:18px !important; }
    #cid_15 tr:not(.hide) .cc-icons { display:flex !important; gap:8px !important; margin:8px 0 !important; }
    /* Inner cc/echeck sub-table can use normal table flow */
    #cid_15 tr:not(.hide) table { width:100% !important; }
    #cid_15 tr:not(.hide) table td { display:table-cell !important; width:auto !important; padding:6px 8px 6px 0 !important; }

    /* ======================================================= */
    /* TOTAL BAR                                               */
    /* ======================================================= */
    /* One rounded rectangle: label on the left, dollar amount on the right. */
    #id_16 {
      background:var(--pc-bg-light) !important; border:1px solid var(--pc-border-light) !important; border-radius:12px !important;
      padding:0 27px !important; min-height:100px !important; display:flex !important; align-items:center !important;
      justify-content:space-between !important; width:100% !important; max-width:100% !important; margin:0 !important; box-sizing:border-box !important;
    }
    #label_16 { display:flex !important; align-items:center !important; width:auto !important; float:none !important; margin:0 !important; }
    #label_16 label { font-family:'Outfit', sans-serif !important; font-weight:800 !important; font-size:24px !important; color:var(--pc-form-gray) !important; text-transform:capitalize !important; }
    #cid_16 { width:auto !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; }
    #total_amount { font-family:'Outfit', sans-serif !important; font-weight:800 !important; font-size:31px !important; color:var(--pc-blue) !important; }

    /* ======================================================= */
    /* SUBMIT                                                  */
    /* ======================================================= */
    #id_2 { background: white; padding-bottom:80px !important; }
    .form-buttons-wrapper { text-align:center !important; text-indent:0 !important; }
    .form-submit-button {
      background:var(--pc-dark) !important; color:var(--pc-white) !important; font-family:'Montserrat', sans-serif !important;
      font-weight:700 !important; font-size:21px !important; text-transform:uppercase !important; padding:25px 50px !important;
      border-radius:4px !important; cursor:pointer !important; display:inline-flex !important; align-items:center !important; gap:7px !important;
      width:460px !important; max-width:100% !important; justify-content:center !important; position:relative !important; overflow:hidden !important; z-index:1 !important; border:none !important;
      transition:color .3s ease !important;
    }
    .form-submit-button::before { content:'' !important; position:absolute !important; top:0 !important; left:0 !important; bottom:0 !important; right:100% !important; background:var(--pc-mint) !important; z-index:-1 !important; transition:right .3s ease-out !important; }
    .form-submit-button:hover { color:var(--pc-dark) !important; }
    .form-submit-button:hover::before { right:0 !important; }

    /* ======================================================= */
    /* RESPONSIVE                                              */
    /* ======================================================= */
    @media (max-width:1200px) {
      .pc-about { gap:50px !important; padding:60px 60px !important; }
      .pc-about-image { width:300px !important; height:320px !important; }
      .pc-amenities { padding:60px 60px !important; }
      .pc-amenities-grid { grid-template-columns:repeat(3,1fr) !important; gap:40px 20px !important; }
      .form-payment-methods.form-multiple-column { grid-template-columns:repeat(2,1fr) !important; }
    }
    @media (max-width:1024px) {
      .pc-top-bar { padding:15px 20px !important; background:transparent !important; box-shadow:none !important; }
      .pc-top-bar.pc-scrolled, .pc-top-bar.pc-menu-open { background:rgba(255,255,255,.98) !important; box-shadow:0 2px 15px rgba(0,0,0,.08) !important; }
      .pc-top-bar-inner { justify-content:flex-end !important; }
      .pc-hamburger { display:flex !important; }
      .pc-nav-links { position:fixed !important; top:0 !important; left:100% !important; width:100% !important; height:100vh !important; background:rgba(255,255,255,.98) !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; transition:left .3s ease !important; gap:40px !important; }
      .pc-nav-links.pc-open { left:0 !important; }
      .pc-nav-link { font-size:22px !important; }
      .pc-hamburger span { background:var(--pc-white) !important; }
      .pc-top-bar.pc-scrolled .pc-hamburger span, .pc-top-bar.pc-menu-open .pc-hamburger span { background:var(--pc-dark) !important; }
      .pc-hamburger.pc-active span:nth-child(1) { transform:rotate(45deg) translate(6px,6px) !important; }
      .pc-hamburger.pc-active span:nth-child(2) { opacity:0 !important; }
      .pc-hamburger.pc-active span:nth-child(3) { transform:rotate(-45deg) translate(6px,-6px) !important; }
      .pc-hero-content { padding-top:100px !important; }
      .pc-about { flex-direction:column-reverse !important; text-align:center !important; gap:40px !important; padding:60px 40px !important; }
  .form-payment-methods.form-multiple-column{ grid-template-columns: repeat(2, 1fr) !important;}
      .pc-about-text { max-width:100% !important; }
      .pc-cta-left { justify-content:center !important; }
      .pc-about-image { width:100% !important; max-width:500px !important; height:350px !important; }
      .pc-gallery { grid-template-columns:1fr !important; }
      .pc-amenities-grid { grid-template-columns:repeat(2,1fr) !important; }
      #cid_3 .form-multiple-column, #cid_5 .form-multiple-column { grid-template-columns:1fr !important; }
      #cid_7 .form-multiple-column { grid-template-columns:1fr 1fr !important; }
      .pc-white-box { padding:50px 30px !important; }
      #cid_11 .form-sub-label-container { min-width:100% !important; }
    }
    @media (max-width:768px) {
      .pc-logo { width:65px !important; height:65px !important; margin-bottom:5px !important; }
      .pc-hero-content { padding-top:40px !important; }
      .pc-hero-title { font-size:50px !important; line-height:1 !important; }
      .pc-hero-sub { font-size:clamp(12px,3vw,15px) !important; margin-top:8px !important; }
      .pc-cta-group { flex-direction:column !important; align-items:center !important; padding:0 16px !important; margin-top:15px !important; }
      .pc-btn { width:100% !important; padding:24px 16px !important; }
      .pc-about { padding:40px 20px !important; }
      .pc-amenities { padding:40px 20px !important; }
      .pc-amenities-grid { grid-template-columns:repeat(2,1fr) !important; gap:30px 15px !important; justify-items:center !important; }
      .pc-amenity { flex-direction:column !important; text-align:center !important; gap:10px !important; }
      .pc-amenity-icon { width:100px !important; height:100px !important; }
      .pc-amenity-label { font-size:15px !important; }
      #cid_7 .form-multiple-column { grid-template-columns:1fr 1fr !important; gap:16px !important; }
      .pc-white-box { padding:30px 15px !important; }
      .form-payment-methods.form-multiple-column { grid-template-columns:1fr 1fr !important; }
      .form-submit-button { width:100% !important; }
      #id_16 { flex-direction:column !important; min-height:auto !important; padding:20px 24px !important; gap:8px !important; align-items:flex-start !important; }
      #cid_3 .form-checkbox-item label, #cid_5 .form-checkbox-item label, #cid_7 .form-checkbox-item label { padding:20px !important; gap:20px !important; }
      /* Custom amount: stack label above input so the field has full width to type in */
      #cid_7 .form-checkbox-item.pc-custom-card { flex-wrap:wrap !important; padding:20px !important; gap:14px !important; }
      .pc-custom-card .pc-custom-label { flex:1 1 auto !important; }
      .pc-custom-card .pc-custom-wrap { flex:1 1 100% !important; width:100% !important; min-width:0 !important; height:56px !important; }
      .pc-progress-section { padding:50px 16px !important; }
      .pc-donors-section { padding:50px 16px !important; }
      .pc-donor-card { padding:14px 18px !important; }
      .pc-donor-name { font-size:17px !important; }
      .pc-donor-scroll { max-height:300px !important; }
      .pc-tier-pill { font-size:13px !important; padding:8px 16px !important; }
    }

.form-all { background-image: url(https://chabadpalmcoast.com/media/images/1376/RBPe13764576.png) !important;
    background-size: cover; background-repeat: no-repeat;}
.pc-flipbook-inner { text-align:center !important; }
    .pc-brochure-btn { display:inline-flex !important; }
#cid_6 .form-header{ color: var(--pc-mint) !important;}
#input_19_0{ display: block !important;}

    /* ======================================================= */
    /* CUSTOM AMOUNT Q (fields 21 + 22)                        */
    /* ======================================================= */
    #id_21, #id_22 { max-width:1082px !important; margin:0 auto !important; padding:0 20px 30px !important; box-sizing:border-box !important; }
    #label_21 { display:block !important; width:100% !important; float:none !important; text-align:center !important; margin-bottom:18px !important; }
    #label_21 label { font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:20px !important; text-transform:uppercase !important; color:var(--pc-white) !important; letter-spacing:.5px !important; }
    #cid_21 { width:100vw !important; }
    #cid_21 .form-single-column { display:grid !important; grid-template-columns:1fr 1fr !important; gap:24px !important; width:100% !important; }
    #cid_21 .clearfix, #cid_21 br { display:none !important; }
    #cid_21 .form-radio-item { margin:0 !important; width:100% !important; float:none !important; clear:none !important; }
    #cid_21 input[type="radio"] { display:none !important; }
    #cid_21 .form-radio-item label {
      display:flex !important; align-items:center !important; justify-content:center !important; gap:16px !important;
      background:var(--pc-white) !important; border:2px solid var(--pc-gold) !important; border-radius:5px !important;
      min-height:80px !important; cursor:pointer !important; box-sizing:border-box !important; width:100% !important;
      font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:18px !important;
      text-transform:uppercase !important; color:var(--pc-dark) !important; margin:0 !important; transition:all .05s ease-out !important;
    }
    #cid_21 .form-radio-item label::before {
      content:'' !important; width:22px !important; height:22px !important; border-radius:50% !important;
      background:var(--pc-white) !important; border:2px solid #ccc !important; flex-shrink:0 !important; box-sizing:border-box !important;
    }
    #cid_21 .form-radio-item label:hover { box-shadow:inset 0 0 0 4px var(--pc-gold) !important; }
    #cid_21 .form-radio-item input:checked + label { background:var(--pc-mint) !important; border-color:var(--pc-mint) !important; }
    #cid_21 .form-radio-item input:checked + label::before { background:var(--pc-mint) !important; border-color:var(--pc-dark) !important; box-shadow:inset 0 0 0 4px var(--pc-white) !important; }

    /* Amount field - style children only, NO display on #id_22 itself */
    #label_22 { display:block !important; width:100% !important; float:none !important; text-align:center !important; margin-bottom:12px !important; }
    #label_22 label { font-family:'Commissioner', sans-serif !important; font-weight:700 !important; font-size:18px !important; text-transform:uppercase !important; color:var(--pc-white) !important; }
    #cid_22 { width:100% !important; display:flex !important; justify-content:center !important; }
    .pc-amt-wrap {
      background:var(--pc-white) !important; border:2px solid var(--pc-gold) !important; border-radius:5px !important;
      height:80px !important; width:100% !important; max-width:501px !important; display:flex !important;
      align-items:center !important; padding-left:22px !important; box-sizing:border-box !important;
    }
    .pc-amt-dollar { font-family:'Commissioner', sans-serif !important; font-weight:300 !important; font-size:26px !important; color:var(--pc-dark) !important; flex-shrink:0 !important; }
    #input_22 {
      background:transparent !important; border:none !important; outline:none !important; height:100% !important;
      font-family:'Commissioner', sans-serif !important; font-weight:300 !important; font-size:26px !important;
      color:var(--pc-dark) !important; width:100% !important; min-width:0 !important; padding-left:8px !important; box-sizing:border-box !important;
    }
    @media (max-width:768px) {
      #cid_21 .form-single-column { grid-template-columns:1fr !important; gap:14px !important; }
    }

  `;

  var styleEl = document.createElement('style');
  styleEl.id = 'pc-injected-styles';
  styleEl.innerHTML = css;
  document.head.appendChild(styleEl);

  // ==========================================
  // 2c. SHARED HELPERS (CSV parsing, money formatting)
  // ==========================================
  function pcParseCSV(text) {
    var rows = [], row = [], cur = '', inQ = false;
    for (var i = 0; i < text.length; i++) {
      var c = text[i], n = text[i + 1];
      if (inQ) {
        if (c === '"' && n === '"') { cur += '"'; i++; }
        else if (c === '"') { inQ = false; }
        else { cur += c; }
      } else {
        if (c === '"') { inQ = true; }
        else if (c === ',') { row.push(cur); cur = ''; }
        else if (c === '\n') { row.push(cur); rows.push(row); row = []; cur = ''; }
        else if (c === '\r') { /* skip */ }
        else { cur += c; }
      }
    }
    if (cur !== '' || row.length) { row.push(cur); rows.push(row); }
    return rows;
  }
  function pcMoney(n) {
    n = Math.round(n || 0);
    return '$' + n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  }
  function pcNum(s) { return parseFloat((s || '').toString().replace(/[^0-9.]/g, '')) || 0; }
  function pcEscape(s) {
    return (s || '').toString()
      .replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
      .replace(/"/g, '"');
  }

  // ==========================================
  // 2d. PROGRESS BAR
  // Fetch was already kicked off at the top (pcProgressPromise). Here we
  // just set an immediate "Loading Total..." placeholder (in case the raw
  // HTML shipped a static "$0"), then swap in the real numbers as soon as
  // the promise resolves — which, since it started before DOMContentLoaded,
  // is often already resolved or very close to it by the time this runs.
  // ==========================================
  function pcLoadProgress() {
    if (!WEB_APP_URL || WEB_APP_URL.indexOf('http') !== 0) return;

    var raisedEl  = document.getElementById('pc-progress-raised');
    var goalEl    = document.getElementById('pc-progress-goal');
    var fillEl    = document.getElementById('pc-progress-fill');
    var percentEl = document.getElementById('pc-progress-percent');

    pcProgressPromise.then(function (data) {
      if (!data) return;
      var raised = pcNum(data.raised);
      var goal   = pcNum(data.goal);
      if (!goal || goal <= 0) goal = 3000000;

      var pct = Math.max(0, Math.min(100, (raised / goal) * 100));
      if (raisedEl)  raisedEl.textContent  = pcMoney(raised);
      if (goalEl)    goalEl.textContent    = pcMoney(goal);
      if (percentEl) percentEl.textContent = Math.round(pct) + '% funded';
      if (fillEl) setTimeout(function () { fillEl.style.width = pct + '%'; }, 200);
    });
  }

  // ==========================================
  // 2e. DONORS WALL
  //   Columns: A Name, B Amount, C Tier, D Dedication, E Show Name, F Timestamp
  //   Wall tier = auto-computed from Amount (column C is used for dedications only).
  //   Fetch already kicked off at the top (pcDonorsPromise); this just renders.
  // ==========================================
  function pcTierForAmount(amt) {
    for (var i = 0; i < PC_TIERS.length; i++) {
      if (amt >= PC_TIERS[i].min) return PC_TIERS[i];
    }
    return PC_TIERS[PC_TIERS.length - 1];
  }

  function pcLoadDonors() {
    if (!WEB_APP_URL || WEB_APP_URL.indexOf('http') !== 0) return;

    pcDonorsPromise.then(function (list) {
      if (!list) {
        var loading = document.getElementById('pc-donors-loading');
        if (loading) loading.textContent = 'Unable to load supporters right now.';
        return;
      }
      if (!list.length) { pcRenderDonors({}); return; }

      var buckets = {};
      PC_TIERS.forEach(function (t) { buckets[t.name] = []; });

      list.forEach(function (row) {
        var name       = (row.name || '').toString().trim();
        var amountRaw  = (row.amount || '').toString().trim();
        var dedication = (row.dedication || '').toString().trim();
        if (!name && !amountRaw) return;
        var amt = pcNum(amountRaw);
        var tier = pcTierForAmount(amt);
        buckets[tier.name].push({
          name: name || 'Anonymous',
          amount: amt,
          amountLabel: amt > 0 ? pcMoney(amt) : (amountRaw || ''),
          dedication: dedication
        });
      });

      Object.keys(buckets).forEach(function (k) {
        buckets[k].sort(function (a, b) { return b.amount - a.amount; });
      });

      pcRenderDonors(buckets);
    });
  }

  function pcRenderDonors(buckets) {
    var navEl    = document.getElementById('pc-tier-nav');
    var panelsEl = document.getElementById('pc-tier-panels');
    if (!navEl || !panelsEl) return;

    var activeTiers = PC_TIERS.filter(function (t) {
      return buckets[t.name] && buckets[t.name].length > 0;
    });

    if (activeTiers.length === 0) {
      panelsEl.innerHTML = '<div class="pc-tier-empty">Be the first to support our campaign!</div>';
      navEl.innerHTML = '';
      return;
    }

    navEl.innerHTML = '';
    panelsEl.innerHTML = '';
    activeTiers.forEach(function (t, idx) {
      var count = buckets[t.name].length;

      var pill = document.createElement('button');
      pill.type = 'button';
      pill.className = 'pc-tier-pill' + (idx === 0 ? ' pc-tier-active' : '');
      pill.setAttribute('data-tier-idx', idx);
      pill.innerHTML = t.name + ' <span class="pc-tier-pill-count">' + count + '</span>';
      navEl.appendChild(pill);

      var panel = document.createElement('div');
      panel.className = 'pc-tier-panel' + (idx === 0 ? ' pc-tier-panel-active' : '');
      panel.setAttribute('data-tier-idx', idx);

      var cardsHTML = buckets[t.name].map(function (d) {
        var ded = d.dedication ? '<div class="pc-donor-dedication">' + pcEscape(d.dedication) + '</div>' : '';
        var amt = d.amountLabel ? '<div class="pc-donor-amount">' + pcEscape(d.amountLabel) + '</div>' : '';
        return '<div class="pc-donor-card">' +
                 '<div class="pc-donor-card-left">' +
                   '<div class="pc-donor-name">' + pcEscape(d.name) + '</div>' +
                   ded +
                   '<div class="pc-donor-tier-label">' + t.name + '</div>' +
                 '</div>' + amt +
               '</div>';
      }).join('');

      panel.innerHTML =
        '<div class="pc-tier-panel-header">' +
          '<div class="pc-tier-panel-name">' + t.name + '</div>' +
          '<div class="pc-tier-panel-range">' + t.range + '</div>' +
        '</div>' +
        '<div class="pc-donor-scroll">' + cardsHTML + '</div>';

      panelsEl.appendChild(panel);
    });

    var arrows = document.createElement('div');
    arrows.className = 'pc-tier-arrows';
    arrows.innerHTML =
      '<button type="button" class="pc-tier-arrow" id="pc-tier-prev">\u2190 Previous</button>' +
      '<button type="button" class="pc-tier-arrow" id="pc-tier-next">Next \u2192</button>';
    panelsEl.appendChild(arrows);

    var current = 0;
    var total = activeTiers.length;

    function show(idx) {
      if (idx < 0 || idx >= total) return;
      current = idx;
      navEl.querySelectorAll('.pc-tier-pill').forEach(function (p, i) {
        p.classList.toggle('pc-tier-active', i === idx);
      });
      panelsEl.querySelectorAll('.pc-tier-panel').forEach(function (p, i) {
        p.classList.toggle('pc-tier-panel-active', i === idx);
      });
      var prev = document.getElementById('pc-tier-prev');
      var next = document.getElementById('pc-tier-next');
      if (prev) prev.disabled = (idx === 0);
      if (next) next.disabled = (idx === total - 1);
    }

    navEl.querySelectorAll('.pc-tier-pill').forEach(function (p) {
      p.addEventListener('click', function () { show(parseInt(p.getAttribute('data-tier-idx'), 10)); });
    });
    var prevBtn = document.getElementById('pc-tier-prev');
    var nextBtn = document.getElementById('pc-tier-next');
    if (prevBtn) prevBtn.addEventListener('click', function () { show(current - 1); });
    if (nextBtn) nextBtn.addEventListener('click', function () { show(current + 1); });
    show(0);
  }

  // ==========================================
  // 3. DOM READY LOGIC
  // ==========================================
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }

  ready(function () {

    // --- Remove "." placeholder dots (the CMS strips truly empty tags,
    //     so a "." is left in the raw HTML for elements JS never touches
    //     via innerHTML - e.g. hamburger bars, the scroll progress bar.
    //     Once the page has loaded, clear that dot out safely; the CMS's
    //     stripping only happens when the raw HTML is saved/rendered, not
    //     to elements already parsed into the live DOM.) ---
    document.querySelectorAll('#pc-hamburger span, #pc-scroll-bar, #pc-progress-fill, #pc-tier-nav').forEach(function (el) {
      if (el.textContent.trim() === '.') el.textContent = '';
    });

    // --- Remove CMS banner (failsafe) ---
    var killBanner = function(){ document.querySelectorAll('.cco_templateless_template').forEach(function(b){ b.remove(); }); };
    killBanner(); setTimeout(killBanner,500); setInterval(killBanner,3000);

    // ---------------------------------------
    // 3a. HAMBURGER / MOBILE NAV
    // ---------------------------------------
    var topBar = document.getElementById('pc-top-bar');
    var hamb = document.getElementById('pc-hamburger');
    var navLinks = document.getElementById('pc-nav-links');
    if (hamb && navLinks) {
      hamb.addEventListener('click', function(){
        hamb.classList.toggle('pc-active');
        navLinks.classList.toggle('pc-open');
        if (navLinks.classList.contains('pc-open')) topBar.classList.add('pc-menu-open');
        else topBar.classList.remove('pc-menu-open');
      });
      navLinks.querySelectorAll('a').forEach(function(a){
        a.addEventListener('click', function(){
          hamb.classList.remove('pc-active'); navLinks.classList.remove('pc-open'); topBar.classList.remove('pc-menu-open');
        });
      });
    }

    // ---------------------------------------
    // 3b. SCROLL: progress bar + sticky header
    // ---------------------------------------
    var scrollBar = document.getElementById('pc-scroll-bar');
    window.addEventListener('scroll', function(){
      var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
      var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
      if (scrollBar) scrollBar.style.width = (winScroll/height)*100 + '%';
      if (topBar) { if (window.scrollY>50) topBar.classList.add('pc-scrolled'); else topBar.classList.remove('pc-scrolled'); }
    });

    // ---------------------------------------
    // 3c. REVEAL OBSERVER
    // ---------------------------------------
    var revObs = new IntersectionObserver(function(entries, obs){
      entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('pc-active'); obs.unobserve(e.target); } });
    }, { threshold:0.1, rootMargin:'0px 0px -50px 0px' });
    document.querySelectorAll('.pc-reveal').forEach(function(el){ revObs.observe(el); });

    // ---------------------------------------
    // 3d. SMOOTH-SCROLL for ALL in-page anchors.
    //     preventDefault on every click so it re-fires even when the
    //     URL hash is already set (the "can't click twice" bug).
    // ---------------------------------------
    function scrollToId(id) {
      var target = document.getElementById(id);
      // Donate/dedications map onto the form when the section id isn't on the page
      if (!target) {
        if (id === 'pc-donate') target = document.getElementById('cid_1') || document.querySelector('.form-all');
        if (id === 'pc-dedications') target = document.getElementById('cid_1') || document.getElementById('pc-dedications');
      }
      if (target) target.scrollIntoView({ behavior:'smooth', block:'start' });
    }
    document.querySelectorAll('.pc-nav-link, a[href^="#pc-"]').forEach(function(a){
      a.addEventListener('click', function(ev){
        var href = a.getAttribute('href') || '';
        if (href.charAt(0) !== '#') return;
        ev.preventDefault();
        // Clear the hash so the same link can be clicked repeatedly
        if (history && history.replaceState) history.replaceState(null, '', window.location.pathname + window.location.search);
        scrollToId(href.slice(1));
      });
    });

    // ---------------------------------------
    // 3e. SPLIT CHECKBOX LABELS -> name + price spans
    //     Amounts group (#cid_7) has no name, just price.
    // ---------------------------------------
    function splitLabels(groupSel, hasName) {
      document.querySelectorAll(groupSel + ' .form-checkbox-item').forEach(function(item){
        var lbl = item.querySelector('label span');
        // Skip the "Other" custom-amount item (handled separately)
        if (!lbl || item.querySelector('input[type="number"]')) return;
        if (item.getAttribute('data-pc-done')) return;
        var raw = lbl.textContent.trim();
        // Match "Name $1,234,567" or just "$1,234"
        var m = raw.match(/^(.*?)\s*(\$[\d,]+)\s*$/);
        lbl.textContent = '';
        var inner = document.createElement('span'); // flex column wrapper
        if (m && hasName && m[1].trim()) {
          var nameEl = document.createElement('span'); nameEl.className='pc-name'; nameEl.textContent = m[1].trim();
          var priceEl = document.createElement('span'); priceEl.className='pc-price'; priceEl.textContent = m[2];
          inner.appendChild(nameEl); inner.appendChild(priceEl);
        } else if (m) {
          var priceOnly = document.createElement('span'); priceOnly.className='pc-price'; priceOnly.textContent = m[2];
          inner.appendChild(priceOnly);
        } else {
          var fallback = document.createElement('span'); fallback.className='pc-price'; fallback.textContent = raw;
          inner.appendChild(fallback);
        }
        lbl.appendChild(inner);
        item.setAttribute('data-pc-done','1');
      });
    }
    splitLabels('#cid_3', true);
    splitLabels('#cid_5', true);
    splitLabels('#cid_7', false);

    // If the dedications (2-col) grid has an odd number of items, center the last.
    (function centerLastDedication(){
      var items = document.querySelectorAll('#cid_3 .form-checkbox-item');
      if (items.length % 2 === 1) items[items.length - 1].classList.add('pc-center-last');
    })();

    // ---------------------------------------
    // 3f. SINGLE-SELECT ACROSS ALL THREE GROUPS + CUSTOM Q
    //     JotForm renders checkboxes; we force radio behavior.
    //     Custom amount is now native fields: 21 (Yes/No) + 22 (number).
    //     JotForm's own condition shows/hides 22 - we never touch display.
    // ---------------------------------------
    var allBoxes = [].slice.call(document.querySelectorAll(
      '#cid_3 input[type="checkbox"], #cid_5 input[type="checkbox"], #cid_7 input[type="checkbox"]'
    ));

    var customYes = document.getElementById('input_21_0');
    var customNo  = document.getElementById('input_21_1');
    var customAmt = document.getElementById('input_22');

    function fireChange(el){ if(el) el.dispatchEvent(new Event('change', {bubbles:true})); }

    function clearAllExcept(keep) {
      allBoxes.forEach(function(cb){
        if (cb !== keep && cb.checked) { cb.checked = false; fireChange(cb); }
      });
    }

    // Picking a preset -> flip the custom question to "No" (JotForm's
    // condition then hides field 22) and empty the amount.
    function deselectCustom() {
      if (customYes && customYes.checked) {
        if (customAmt && customAmt.value !== '') { customAmt.value = ''; fireChange(customAmt); }
        if (customNo && !customNo.checked) { customNo.click(); }
      }
    }

    allBoxes.forEach(function(cb){
      cb.addEventListener('change', function(){
        if (cb.checked) { clearAllExcept(cb); deselectCustom(); }
        recalcHint();
      });
    });

    // Choosing "Yes" or typing an amount -> clear every preset card.
    if (customYes) {
      customYes.addEventListener('change', function(){
        if (customYes.checked) clearAllExcept(null);
      });
    }
    if (customAmt) {
      customAmt.addEventListener('input', function(){
        clearAllExcept(null);
        recalcHint();
      });
    }

    // ---------------------------------------
    // 3g. CUSTOM AMOUNT Q (fields 21 + 22) - styling hooks only.
    //     IMPORTANT: never set display on #id_22 or its children;
    //     JotForm's condition owns show/hide.
    // ---------------------------------------
    (function styleCustomQ(){
      var q = document.getElementById('id_21');
      var a = document.getElementById('id_22');
      if (q) q.classList.add('pc-customq');
      if (a) a.classList.add('pc-customa');
      // Wrap the amount input with a $ prefix, mirroring the old card look
      if (customAmt && !document.querySelector('.pc-amt-wrap')) {
        var wrap = document.createElement('span'); wrap.className = 'pc-amt-wrap';
        var dollar = document.createElement('span'); dollar.className = 'pc-amt-dollar'; dollar.textContent = '$';
        customAmt.parentNode.insertBefore(wrap, customAmt);
        wrap.appendChild(dollar);
        wrap.appendChild(customAmt);
      }
    })();

    // ---------------------------------------
    // 3h. WRAP DONOR FIELDS IN WHITE BOX
    //     #cid_8 (header) + id_10,11,12,13,14,15,16
    // ---------------------------------------
    var wrapIds = ['cid_8','id_10','id_11','id_20','id_19','id_12','id_13','id_14','id_15','id_16'];
    var firstEl = document.getElementById(wrapIds[0]);
    if (firstEl && firstEl.parentNode && !document.querySelector('.pc-white-box')) {
      var wrapLi = document.createElement('li'); wrapLi.className='pc-white-box';
      var innerUl = document.createElement('ul'); innerUl.className='form-section';
      innerUl.style.cssText='padding:0;margin:0;list-style:none;';
      wrapLi.appendChild(innerUl);
      firstEl.parentNode.insertBefore(wrapLi, firstEl);
      wrapIds.forEach(function(id){ var el=document.getElementById(id); if(el) innerUl.appendChild(el); });

      // Group Email (#id_12) + Phone (#id_13) side by side like the Figma.
      var emailLine = document.getElementById('id_12');
      var phoneLine = document.getElementById('id_13');
      if (emailLine && phoneLine && !document.querySelector('.pc-field-row')) {
        var row = document.createElement('li'); row.className='pc-field-row';
        emailLine.parentNode.insertBefore(row, emailLine);
        row.appendChild(emailLine); row.appendChild(phoneLine);
      }
    }

    // ---------------------------------------
    // 3i. STYLE SUBMIT ARROW (inject SVG)
    // ---------------------------------------
    var submitBtn = document.getElementById('input_2');
    if (submitBtn && !submitBtn.querySelector('svg')) {
      var svgNS='http://www.w3.org/2000/svg';
      var svg=document.createElementNS(svgNS,'svg');
      svg.setAttribute('viewBox','0 0 24 24'); svg.setAttribute('fill','none');
      svg.style.width='17px'; svg.style.height='17px';
      var p=document.createElementNS(svgNS,'path');
      p.setAttribute('d','M4 12H20M20 12L14 6M20 12L14 18');
      p.setAttribute('stroke','currentColor'); p.setAttribute('stroke-width','2.5');
      p.setAttribute('stroke-linecap','round'); p.setAttribute('stroke-linejoin','round');
      svg.appendChild(p); submitBtn.appendChild(svg);
    }

    // ---------------------------------------
    // 3j. DEDICATION "TAKEN" STATE (#cid_3 only)
    //     Reuses pcDonorsPromise from the top of the file instead of firing
    //     its own separate fetch — this used to be a second network call
    //     to the exact same ?action=donors endpoint that pcLoadDonors()
    //     already hits. For each row whose Tier matches a dedication NAME,
    //     that dedication is marked reserved. "Show Name" (case-insensitive
    //     "show"/"yes"/"true"/"x"/"1") -> display the donor name on the
    //     card. Otherwise shows "Anonymous". Wall of Honor (#cid_5) is
    //     never reserved.
    // ---------------------------------------
    function markTaken(reservations) {
      // reservations: array of { dedication:<name>, label:<'Anonymous'|donorName> }
      document.querySelectorAll('#cid_3 .form-checkbox-item').forEach(function (item) {
        var nameEl = item.querySelector('.pc-name');
        if (!nameEl) return;
        var nm = nameEl.textContent.toLowerCase().trim();

        var match = null;
        for (var i = 0; i < reservations.length; i++) {
          var t = reservations[i].dedication.toLowerCase().trim();
          if (t && (nm === t || nm.indexOf(t) === 0 || t.indexOf(nm) === 0)) { match = reservations[i]; break; }
        }
        if (!match) return;

        item.classList.add('pc-taken');
        var priceEl = item.querySelector('.pc-price');
        if (priceEl && !item.querySelector('.pc-reserved-note')) {
          var note = document.createElement('span');
          note.className = 'pc-reserved-note';
          note.innerHTML = '<span class="pc-reserved-word">Reserved</span><span class="pc-reserved-by">Dedicated by ' + pcEscape(match.label) + '</span>';
          priceEl.insertAdjacentElement('afterend', note);
        }
        var cb = item.querySelector('input[type="checkbox"]');
        if (cb) { cb.checked = false; cb.disabled = true; }
      });
    }

    if (WEB_APP_URL && WEB_APP_URL.indexOf('http') === 0) {
      pcDonorsPromise.then(function (list) {
        if (!list || !list.length) return;
        var reservations = [];
        list.forEach(function (row) {
          // Tier column doubles as the dedication name for dedication rows.
          var donorName = (row.name || '').toString().trim();
          var tier      = (row.tier || '').toString().trim();
          var showFlag  = (row.showName || '').toString().trim().toLowerCase();
          if (!tier) return;
          var showIt = (showFlag === 'show' || showFlag === 'yes' || showFlag === 'true' || showFlag === 'x' || showFlag === '1');
          reservations.push({
            dedication: tier,
            label: (showIt && donorName) ? donorName : 'Anonymous'
          });
        });
        if (reservations.length) markTaken(reservations);
      });
    }

    // ---------------------------------------
    // 3k. OPTIONAL total hint (JotForm computes the real total in #total_amount)
    // ---------------------------------------
    function recalcHint(){ /* native JotForm handles #total_amount; hook left for future use */ }

    // ---------------------------------------
    // 3l. SUBMIT: 8s debounce against double submits. Custom-amount
    //     validation is now 100% native (field 22 is Required in the
    //     builder and only visible when field 21 = Yes).
    // ---------------------------------------
    var form = document.getElementById('7414705') || document.forms[0];
    if (form) {
      var pcLastSubmit = 0;
      form.addEventListener('submit', function (ev) {
        var now = Date.now();
        if (now - pcLastSubmit < 8000) {
          ev.preventDefault();
          ev.stopImmediatePropagation();
          return false;
        }
        pcLastSubmit = now;
      }, true);
    }

    // ---------------------------------------
    // 3m. RENDER PROGRESS BAR + DONOR WALL
    //     (data was already fetched at the top of the file; this just paints)
    // ---------------------------------------
    pcLoadProgress();
    pcLoadDonors();

  });
})();
</script>
</body>
</html>