<!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/1235/ZIjf12352137.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="Shavuot,Dairy,Buffet" />
<meta name="title" content="Shavuot Dairy Buffet - Chabad of St. Maarten/Martin" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="995650-995658-1124816-6879456-7334421" />
<meta name="article-keywords" content="23215-2185-6760-20429-8495-2170-2898-20962" />
<meta name="scope-aid" content="995650" />
<meta name="scope-aid" content="995658" />
<meta name="scope-aid" content="1124816" />
<meta name="scope-aid" content="6879456" />
<meta name="scope-aid" content="7334421" />
<meta name="article-keyword" content="23215" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="20429" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.jewishsxm.com/templates/articlecco_cdo/aid/7334421/jewish/Shavuot-Dairy-Buffet.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Shavuot Dairy Buffet - Chabad of St. Maarten/Martin" /><link rel="canonical" href="https://www.jewishsxm.com/templates/articlecco_cdo/aid/7334421/jewish/Shavuot-Dairy-Buffet.htm" />
<link rel="icon" type="image/png" href="https://www.jewishsxm.com/media/images/1235/ZIjf12352137.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=30C57FF9" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/shavous/shavuos-minisite.css?v=25" id="k23215" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/formCss2.css?v=9F45CAAB" id="kFormCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/themes/nova.css?v=25554DFF" id="kNova" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2026-04-23","primaryArticleId":7334421,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Events & Holidays","contentLevel3":"Shavuot ","contentLevel4":"Shavuot Dairy Buffet","siteName":"Chabad of St. Maarten/Martin"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":12,"hebrewDate":"5786-04-05"}});
		dataLayer.push({ 'articleHierarchy': '-995650-995658-1124816-6879456-7334421-', 'keywords': '-k20962-k2898-k2170-k8495-k20429-k6760-k2185-k23215-', 'k': '-995650-995658-1124816-6879456-7334421--k20962-k2898-k2170-k8495-k20429-k6760-k2185-k23215-' });
	
</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 = 5146407;var sc_partition = 56;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "a5c06ee3";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c57.statcounter.com/counter.php?sc_project=5146407&amp;java=0&amp;security=a5c06ee3&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="stylesheet" href="https://achdusoperations.github.io/s.marteen/style.css">
<link rel="icon" type="image/png" href="https://jewishsxm.com/media/images/1181/DUqV11810877.png" />
<style>
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #BodyContainer #co_content_container>.clearfix>.g960:not(.categorized) .article-header .article-header__title{
visibility:hidden !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #BodyContainer #co_content_container>.clearfix>.g960:not(.categorized){
background-color: #fff !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #BodyContainer #co_content_container>.clearfix>.g960:not(.categorized) .article-header .breadcrumbs .breadcrumbs__crumb{
visibility:hidden !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .chabad_header {
background-image: url("https://jewishsxm.com/media/images/1345/pjSu13456570.jpg");
background-size:cover !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .cco_templateless_page .chabad_header{
background-position:center 0px;
background-attachment:scroll;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"])  .chabad_header .headerTitle a, html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .centerName , html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) html body.cco_body .holidayDates, html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"])  #chabad_head > div.chabad_header > div.holidayDates > div > div > div.widget_content{
visibility:hidden !important;
}

</style>

<style>
    /* This style will be applied to the dates we want to block */
    .disabled-day {
        background-color: #f0f0f0 !important; /* A light grey background */
        color: #b0b0b0 !important;          /* Lighter text color */
        text-decoration: line-through;       /* Strike through the number */
        pointer-events: none;                /* Makes the date unclickable */
    }
</style>

   

<script>
    // This is the main function that runs when the page loads
    window.addEventListener('load', function() {

        // --- NEW: URL CHECK ---
        // 1. Define the specific URL where the script should run.
        const targetURL = 'https://www.jewishsxm.com/templates/articlecco_cdo/aid/6679432/jewish/Kosher-Take-Out-Order-Form.htm';

        // 2. Check if the current page's URL matches the target URL.
        if (window.location.href === targetURL) {
            
            // If the URL matches, run the calendar logic.
            console.log("URL matches. Initializing calendar blocker.");
            setTimeout(setupCalendarListeners, 500);

        } else {
            
            // If the URL does NOT match, do nothing.
            console.log("URL does not match. Calendar blocker will not run.");
        }
        // --- END OF URL CHECK ---
    });


    // All the functions below will now only be called if the URL check passes.

    function setupCalendarListeners() {
        runCalendarBlocker();
        const calendar = document.querySelector('div.calendar.popup');
        if (!calendar) {
            console.error("Could not set up listeners because the calendar was not found.");
            return;
        }
        calendar.addEventListener('mousedown', function(event) {
            console.log('Calendar interaction detected on:', event.target);
            const clickedCell = event.target.closest('td');
            if (!clickedCell) {
                return;
            }
            if (clickedCell.classList.contains('button') || clickedCell.classList.contains('otherDay')) {
                console.log('Navigation action confirmed. Re-running blocker...');
                setTimeout(runCalendarBlocker, 100);
            }
        });
    }

    function runCalendarBlocker() {
        const apiKey = 'AIzaSyC42HJ9GmQhpKIKb7Fi2W5wyq8kB2a3bDk';
        const calendarId = 'c_e1076b632353bfef49c0292901e03d5307763f54cb2662b5c9d088d12989e482@group.calendar.google.com';
        let datesToDisable = [];

        for (let i = 0; i <= 2; i++) {
            const date = new Date();
            date.setDate(date.getDate() + i);
            datesToDisable.push(date.toISOString().split('T')[0]);
        }
        
        const now = new Date();
        const firstDayOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
        const timeMin = firstDayOfMonth.toISOString();
        
        const apiUrl = `https://www.googleapis.com/calendar/v3/calendars/${encodeURIComponent(calendarId)}/events?key=${apiKey}&singleEvents=true&timeMin=${timeMin}`;

        fetch(apiUrl)
            .then(response => response.json())
            .then(data => {
                if (data.items) {
                    data.items.forEach(event => {
                        const startDate = new Date(event.start.date || event.start.dateTime);
                        const endDate = new Date(event.end.date || event.end.dateTime);
                        let currentDate = startDate;
                        while (currentDate < endDate) {
                            const dateString = currentDate.toISOString().split('T')[0];
                            if (!datesToDisable.includes(dateString)) {
                                datesToDisable.push(dateString);
                            }
                            currentDate.setDate(currentDate.getDate() + 1);
                        }
                    });
                }
            })
            .catch(error => console.error('Error fetching calendar dates:', error))
            .finally(() => {
                console.log("Final list of dates to disable:", datesToDisable);
                applyDisabledStyles(datesToDisable);
            });
    }

    function applyDisabledStyles(disabledDates) {
        const calendar = document.querySelector('div.calendar.popup');
        if (!calendar) return;

        calendar.querySelectorAll('.disabled-day').forEach(el => el.classList.remove('disabled-day'));
        const titleElement = calendar.querySelector('.title');
        if (!titleElement) return;

        const titleText = titleElement.textContent;
        const [monthName, year] = titleText.split(' ');
        
        const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
        const month = monthNames.indexOf(monthName) + 1;
        const dayCells = calendar.querySelectorAll('tbody td:not(.otherDay)');

        dayCells.forEach(cell => {
            const day = parseInt(cell.textContent, 10);
            if (isNaN(day)) return;

            const cellDateString = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
            
            if (disabledDates.includes(cellDateString)) {
                cell.classList.add('disabled-day');
            }
        });
    }
</script><title>
	Shavuot Dairy Buffet - Chabad of St. Maarten/Martin
</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.Jewishsxm.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of St. Maarten/Martin</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/6879456" style="text-decoration:none">
 SHAVUOT
</a>
</div>
<div class="centerName">

At
Chabad-Lubavitch of S. Maarten/Martin

</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
June 10 - 12, 2027</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=6879456" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6884942" class="parent">Shavuot Sign Up </a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=7334421" class="parent selected">Shavuot Dairy Buffet</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6879460" class="parent">Eruv Tavshilin</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content" class="content_full_width">
<div class="chabad_left_column content_full_width">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page_full" class="content_page_full"><!-- 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">Shavuot Dairy Buffet</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, June 20, 7:26 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></div>
</div>
<div id="border_bottom"> </div>
</div>
</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=0"></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.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f7334421%2fjewish%2fShavuot-Dairy-Buffet.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=Shavuot+Dairy+Buffet+-+Chabad+of+St.+Maarten%2fMartin&amp;url=https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f7334421%2fjewish%2fShavuot-Dairy-Buffet.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=Shavuot+Dairy+Buffet+-+Chabad+of+St.+Maarten%2fMartin https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f7334421%2fjewish%2fShavuot-Dairy-Buffet.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.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f7334421%2fjewish%2fShavuot-Dairy-Buffet.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Shavuot+Dairy+Buffet+-+Chabad+of+St.+Maarten%2fMartin">
				<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, 6879456);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				


	<div class="footer3"><b>Call us at +17215201717 | 501c3 EIN 27-2790319</b></div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />




Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=0293E3EC"></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=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=F57AAD39"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/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/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 St. Maarten/Martin'}; Co.ArticleId     = '7334421';Co.SectionId     = 1124816;Co.PartnerSiteId = 0;Co.SiteId        = 8561;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'Jewishsxm.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
(function() {
    // Relaxed URL guard — matches the aid/ path so it works on the .htm slug variants
    if (!/jewishsxm\.com\/templates\/articlecco_cdo\/aid\/7369937/i.test(window.location.href)) return;

    function runMaarten() {

        // --- 1. REMOVE CMS BACK LINK ---
        document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());

        // --- 2. INJECT CSS (idempotent) ---
        if (!document.getElementById('Maarten-injected-styles')) {
            const styleSheet = document.createElement("style");
            styleSheet.id = 'Maarten-injected-styles';
            styleSheet.innerText = `
                @import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@400&family=Outfit:wght@200;300;400;600;800;900&family=Playfair+Display:wght@900&display=swap');

                :root {
                    --teal-dark: #023443;
                    --teal-main: #0e6078;
                    --teal-bg: #ecfbf9;
                    --teal-light: #edfffc;
                    --gold-main: #cda546;
                    --gold-dark: #c49835;
                    --text-dark: #4c4c4c;
                    --border-color: #ebebeb;
                }

                .form-all { background: transparent !important; padding: 0 !important; max-width: 100% !important; box-shadow: none !important; border: none !important; } .form-line{ padding: 0 !important; margin: 0 !important;}
.form-html{ padding: 0 !important;} .form-section, .form-section-closed{ margin: 0 !important;}
                #Maarten-custom-chabad-ui { font-family: 'Outfit', sans-serif !important; background-color: var(--teal-bg) !important; color: var(--teal-dark) !important; line-height: 1.5 !important; width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; display: block !important; padding-bottom: 100px !important;}
                #Maarten-custom-chabad-ui * { box-sizing: border-box !important; }
                #Maarten-custom-chabad-ui a { text-decoration: none !important; color: inherit !important; cursor: pointer !important; }
                #Maarten-custom-chabad-ui img { max-width: 100% !important; display: block; }

                #Maarten-custom-chabad-ui ul, #Maarten-custom-chabad-ui li {
                    list-style: none !important; margin: 0 !important; padding: 0 !important;
                    background: transparent !important; border: none !important; box-shadow: none !important;
                }
                #Maarten-custom-chabad-ui li.form-line {
                    border: none !important; background: transparent !important; padding: 0 !important;
                    margin: 0 !important; width: 100% !important; display: block !important; clear: both !important;
                }

                /* HERO */
                .Maarten-hero { position: relative !important; height: 800px !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; overflow: hidden !important; }
                .Maarten-hero-bg { position: absolute !important; inset: 0 !important; z-index: 0 !important; background-color: #dbeafe !important; }
                .Maarten-hero-bg-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.8 !important; }
                .Maarten-hero-gradient { position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(219, 234, 254, 0.1) 0%, rgba(237, 255, 252, 0.2) 100%) !important; }
                .Maarten-hero-content { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 50px !important; width: 100% !important; padding: 0 20px !important; }
                .Maarten-logo-wrap { position: relative !important; width: 100% !important; max-width: 750px !important; display: flex !important; justify-content: center !important; align-items: center !important; }
                .Maarten-img-logo-text { width: 100% !important; height: auto !important; max-width: 650px !important; object-fit: contain !important; }

                .Maarten-btn-gold { background-color: var(--gold-main) !important; color: #ffffff !important; font-family: 'Outfit', sans-serif !important; font-weight: 900 !important; font-size: 21.8px !important; text-transform: uppercase !important; padding: 18px 40.7px !important; border-radius: 9.8px !important; display: inline-flex !important; align-items: center !important; gap: 18.2px !important; position: relative !important; z-index: 1 !important; overflow: hidden !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; border: 1px solid var(--gold-main) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; white-space: nowrap !important; }
                .Maarten-btn-gold::before { content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background-color: #ffffff !important; transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: -1 !important; }
                .Maarten-btn-gold:hover { color: var(--gold-main) !important; border-color: var(--gold-main) !important; box-shadow: 0 8px 25px rgba(205, 165, 70, 0.3) !important; }
                .Maarten-btn-gold:hover::before { left: 0 !important; }
                .Maarten-btn-icon { width: 26.4px !important; height: 26.4px !important; transition: filter 0.3s !important; }
                .Maarten-btn-gold:hover .Maarten-btn-icon { filter: brightness(0) saturate(100%) invert(67%) sepia(35%) saturate(735%) hue-rotate(5deg) brightness(96%) contrast(89%) !important; }

                .Maarten-info-section { position: relative !important; background-color: var(--teal-main) !important; min-height: 600px !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; overflow: hidden !important; padding: 80px 0; }
                .Maarten-info-bg-overlay { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.25 !important; pointer-events: none !important; }
                .Maarten-info-content { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 60px !important; position: relative !important; z-index: 1 !important; width: 100% !important; max-width: 1200px !important; padding: 0 40px; }
                .Maarten-info-text-wrap { flex: 1 !important; max-width: 600px !important; color: #ffffff !important; }
                .Maarten-info-title { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 41px !important; line-height: 1.1 !important; text-transform: uppercase !important; margin-bottom: 27px !important; color: #ffffff !important; }
                .Maarten-info-title span.gold { color: #c49835 !important; }
                .Maarten-info-desc { font-family: 'Outfit', sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.4 !important; max-width: 500px !important; color: #ffffff !important;}
                .Maarten-img-info-side { width: 400px !important; height: auto !important; object-fit: cover !important; margin-left: auto !important; }

                @keyframes MaartenBob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 15px); } }
                .Maarten-arrow-down-main { position: absolute !important; bottom: 30px !important; left: 50% !important; width: 51px !important; height: 51px !important; transform: translateX(-50%) !important; animation: MaartenBob 2s ease-in-out infinite !important; }

                .slide-reveal-right { transform: translateX(100px) !important; opacity: 0 !important; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease-out !important; will-change: transform, opacity !important; }
                .slide-reveal-right.is-visible { transform: translateX(0) !important; opacity: 1 !important; }
                .reveal-line-wrap { display: inline-block !important; overflow: hidden !important; vertical-align: top !important; padding-bottom: 5px !important; margin-bottom: -5px !important; }
                .reveal-line-inner { display: block !important; transform: translateY(100%) !important; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform !important; }
                .reveal-line-inner.is-visible { transform: translateY(0) !important; }

                .Maarten-section-header-wrap { text-align: center !important; color: var(--teal-dark) !important; text-transform: uppercase !important; margin-bottom: 45px !important; margin-top: 80px !important; }
                .Maarten-heading-playfair { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 35px !important; line-height: 1.22 !important; margin-bottom: 9px !important; color: var(--teal-dark) !important; }
                .Maarten-subheading-outfit { font-family: 'Outfit', sans-serif !important; font-weight: 400 !important; font-size: 18px !important; letter-spacing: 1.62px !important; color: var(--teal-dark) !important; }

                .card-label-wrapper { display: block !important; cursor: pointer !important; width: 100% !important; height: 100% !important; }
                .card-base { background-color: #ffffff !important; border: 2px solid var(--border-color) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; position: relative !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important; overflow: hidden !important; height: 100% !important; width: 100% !important; }
                .card-base:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(14, 96, 120, 0.1) !important; border-color: var(--teal-main) !important; }
                .card-base.selected { background-color: var(--teal-main) !important; border-color: var(--teal-main) !important; transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(14, 96, 120, 0.2) !important; }

                .radio-svg { opacity: 0 !important; position: absolute !important; left: 20px !important; width: 100% !important; height: 100% !important; color: var(--teal-main) !important; transition: color 0.3s ease !important; }
                .card-base.selected .radio-svg { color: #ffffff !important; }
                .radio-inner-dot { transition: opacity 0.3s ease !important; opacity: 0 !important; }
                .card-base.selected .radio-inner-dot { opacity: 1 !important; }

                .Maarten-native-amount-wrapper { display: block !important; width: 100% !important; margin: 0 !important; height: 150px !important; }
                .Maarten-native-amount-wrapper input[type="checkbox"] { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; pointer-events: none !important; }

                .Maarten-tiers-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; margin-bottom: 80px !important; width: 100% !important; max-width: 884px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 20px !important; }
                .Maarten-tier-card-wrap-centered { grid-column: 1 / -1 !important; justify-self: center !important; width: calc(50% - 12px) !important; }
                .amount-text-main { width: 100% !important; text-align: center !important; font-family: 'Outfit', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; color: var(--teal-main) !important; text-transform: uppercase !important; transition: color 0.3s ease !important; }
                .card-base.selected .amount-text-main { color: #ffffff !important; }

                .Maarten-members-container { display: flex !important; gap: 24px !important; justify-content: center !important; margin-top: 20px !important; margin-bottom: 100px !important; width: 100% !important; max-width: 884px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 20px !important; }
                .Maarten-members-col { display: flex !important; flex-direction: column !important; gap: 24px !important; flex: 1 !important; }
                .member-info-content { width: 100% !important; padding-left: 0px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-transform: uppercase !important; }
                .member-amount-val { font-family: 'Outfit', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; color: var(--teal-main) !important; line-height: 1 !important; transition: color 0.3s ease !important; }
                .member-label-text { font-family: 'Outfit', sans-serif !important; font-weight: 300 !important; font-size: 18px !important; color: var(--teal-dark) !important; letter-spacing: 2px !important; margin-top: 5px !important; transition: color 0.3s ease !important; display: block !important;}
                .card-base.selected .member-amount-val, .card-base.selected .member-label-text { color: #ffffff !important; }

                .Maarten-donor-form-card { background-color: #ffffff !important; border: 1px solid var(--border-color) !important; border-radius: 12px !important; width: calc(100% - 40px) !important; max-width: 1037px !important; padding: 60px 50px !important; margin: 40px auto 0 !important; box-shadow: 0 20px 40px rgba(0,0,0,0.03) !important; }
                .Maarten-form-heading-top { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 28px !important; color: var(--teal-dark) !important; text-transform: uppercase !important; text-align: left !important; margin-bottom: 40px !important; margin-top: 0 !important;}

                .Maarten-form-row-pair { display: flex !important; gap: 20px !important; margin-bottom: 25px !important; }
                .Maarten-form-field-unit { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 0 !important; }

                #Maarten-custom-chabad-ui .form-label-left,
                #Maarten-custom-chabad-ui .form-label-top,
                #Maarten-custom-chabad-ui .form-label,
                #Maarten-custom-chabad-ui .form-label-right {
                    font-family: 'Outfit', sans-serif !important;
                    font-weight: 600 !important; font-size: 18px !important;
                    color: var(--teal-dark) !important;
                    text-transform: capitalize !important;
                    display: block !important; width: 100% !important; max-width: 100% !important;
                    float: none !important; padding-bottom: 8px !important; text-align: left !important;
                }
                #Maarten-custom-chabad-ui .form-required { color: #d9534f !important; font-size: 14px !important; margin-left: 4px !important;}

                #Maarten-custom-chabad-ui .form-input,
                #Maarten-custom-chabad-ui .form-input-wide {
                    width: 100% !important; max-width: 100% !important; float: none !important;
                    margin: 0 !important; padding: 0 !important; display: block !important;
                }

                #Maarten-custom-chabad-ui .form-sub-label-container {
                    display: flex !important; flex-direction: column !important;
                    width: 100% !important; gap: 6px !important;
                    margin: 0 !important; float: none !important;
                }
                #Maarten-custom-chabad-ui .form-sub-label { font-family: 'Outfit', sans-serif !important; font-weight: 300 !important; font-size: 13px !important; color: var(--text-dark) !important; padding-left: 5px !important; margin-top: 0 !important; display: block !important; }

                #Maarten-custom-chabad-ui .form-textbox,
                #Maarten-custom-chabad-ui select.form-dropdown,
                #Maarten-custom-chabad-ui input[type="text"]:not(.form-checkbox):not(.form-radio),
                #Maarten-custom-chabad-ui input[type="email"],
                #Maarten-custom-chabad-ui input[type="tel"] {
                    width: 100% !important; max-width: 100% !important; height: 55px !important;
                    border: 2px solid var(--border-color) !important; border-radius: 8px !important;
                    padding: 0 15px !important; font-family: 'Outfit', sans-serif !important;
                    font-size: 16px !important; background-color: #ffffff !important;
                    outline: none !important; transition: border-color 0.2s !important;
                    box-shadow: none !important; box-sizing: border-box !important; margin: 0 !important;
                }
                #Maarten-custom-chabad-ui select.form-dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('data:image/svg+xml;utf8,<svg fill="%234c4c4c" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important; background-repeat: no-repeat !important; background-position: right 15px center !important; padding-right: 45px !important; }
                #Maarten-custom-chabad-ui .form-textbox:focus,
                #Maarten-custom-chabad-ui select.form-dropdown:focus,
                #Maarten-custom-chabad-ui input:focus { border-color: var(--teal-main) !important; }

                #id_5 .form-input { display: flex !important; gap: 20px !important; width: 100% !important; }
                #id_5 .form-sub-label-container { flex: 1 !important; margin: 0 !important; min-width: 0 !important; }

                #id_9 .form-input { width: 100% !important; }
                #id_9 .form-address-table { width: 100% !important; display: block !important; border-collapse: collapse !important; }
                #id_9 .form-address-table tbody { display: block !important; width: 100% !important; }
                #id_9 .form-address-table tr { display: flex !important; gap: 20px !important; width: 100% !important; margin-bottom: 20px !important; }
                #id_9 .form-address-table tr:last-child { margin-bottom: 0 !important; }
                #id_9 .form-address-table td { display: block !important; flex: 1 !important; padding: 0 !important; min-width: 0 !important; }
                #id_9 .form-address-table td[colspan="2"] { flex: 1 1 100% !important; }
                @media (max-width: 600px) {
.Maarten-info-section{ padding: 80px 35px !important;}
.Maarten-info-content{ padding: 0 !important;}
                    #id_9 .form-address-table tr { flex-direction: column !important; gap: 20px !important; }
                }

                #id_8 .form-input, #id_8 .dir_ltr, #id_8 .form-sub-label-container { width: 100% !important; }

                /* TOTAL BAR — separate the custom display from the native, both stacked vertically */
                #Maarten-wrap-total {
                    background-color: #f8fafc !important;
                    border: 2px solid var(--teal-main) !important;
                    border-radius: 10px !important;
                    min-height: 90px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    padding: 20px 30px !important;
                    margin: 40px 0 !important;
                    box-shadow: 0 4px 15px rgba(14, 96, 120, 0.05) !important;
                    flex-wrap: nowrap !important;
                    gap: 20px !important;
                }
                .Maarten-total-text-lbl {
                    font-family: 'Outfit', sans-serif !important;
                    font-weight: 800 !important;
                    font-size: 24px !important;
                    color: var(--teal-dark) !important;
                    text-transform: uppercase !important;
                    flex-shrink: 0 !important;
                }
                #Maarten-total-output {
                    font-family: 'Outfit', sans-serif !important;
                    font-weight: 800 !important;
                    font-size: 28px !important;
                    color: var(--teal-main) !important;
                    text-transform: capitalize !important;
                    text-align: right !important;
                    flex: 1 !important;
                    white-space: nowrap !important;
                    overflow: hidden !important;
                    text-overflow: ellipsis !important;
                }
                /* Hide the native id_11 entirely - it's redundant with our display */
                #Maarten-wrap-total #id_11,
                #Maarten-wrap-total #cid_11,
                #Maarten-wrap-total #label_11,
                #Maarten-wrap-total #total_amount,
                #Maarten-wrap-total .form-label-left {
                    display: none !important;
                    width: 0 !important;
                    height: 0 !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    overflow: hidden !important;
                    visibility: hidden !important;
                }

                /* PAYMENT METHOD section */
                .payment-method-section { width: 100% !important; margin-bottom: 30px !important; }
                .Maarten-payment-method-heading {
                    font-family: 'Outfit', sans-serif !important; font-weight: 600 !important;
                    font-size: 18px !important; color: var(--teal-dark) !important;
                    text-transform: capitalize !important; margin-bottom: 15px !important;
                }
                #id_12 > .form-label-left, #id_12 #label_12 { display: none !important; }
                #id_12 { padding: 0 !important; margin: 0 !important; }
                #id_12 .form-input { padding: 0 !important; margin: 0 !important; }

                /* Payment outer table — force block layout */
                #id_12 > .form-input > .form-address-table,
                #id_12 .form-address-table {
                    width: 100% !important; display: block !important; border: none !important;
                    border-collapse: separate !important; border-spacing: 0 !important;
                }
                #id_12 .form-address-table > tbody { display: block !important; width: 100% !important; }
                #id_12 .form-address-table > tbody > tr { width: 100% !important; }

                /* Payment methods row — force horizontal */
                #id_12 td.form-payment-methods,
                #id_12 .form-payment-methods {
                    display: flex !important;
                    flex-direction: row !important;
                    gap: 15px !important;
                    margin-bottom: 0 !important;
                    width: 100% !important;
                    padding-bottom: 20px !important;
                    float: none !important;
                }
                #id_12 .form-radio-item {
                    background-color: #ffffff !important;
                    border: 2px solid var(--border-color) !important;
                    border-radius: 8px !important;
                    height: 70px !important;
                    flex: 1 1 200px !important;
                    max-width: 280px !important;
                    display: flex !important;
                    align-items: center !important;
                    padding: 0 20px !important;
                    gap: 12px !important;
                    cursor: pointer !important;
                    transition: all 0.2s !important;
                    float: none !important;
                    margin: 0 !important;
                }
                #id_12 .form-radio-item input[type="radio"] {
                    width: 20px !important; height: 20px !important;
                    accent-color: var(--teal-main) !important; cursor: pointer !important;
                    margin: 0 !important; flex-shrink: 0 !important;
                    opacity: 1 !important; position: relative !important;
                }
                #id_12 .form-radio-item label {
                    font-family: 'Outfit', sans-serif !important; font-weight: 600 !important;
                    font-size: 17px !important; color: var(--text-dark) !important;
                    cursor: pointer !important; margin: 0 !important; padding: 0 !important;
                }
                #id_12 .form-radio-item.Maarten-pay-active {
                    background-color: var(--teal-light) !important;
                    border-color: var(--teal-main) !important;
                }

                /* CRITICAL: only style the .credit_card etc rows when .hide is NOT present.
                   The CMS toggles .hide on/off and we must not override that. */
                #id_12 tr.credit_card:not(.hide),
                #id_12 tr.paypal:not(.hide),
                #id_12 tr.other:not(.hide),
                #id_12 tr.billing_address:not(.hide) {
                    display: block !important;
                    width: 100% !important;
                    margin-top: 20px !important;
                }
                #id_12 tr.hide { display: none !important; }

                #id_12 tr.credit_card:not(.hide) th,
                #id_12 tr.billing_address:not(.hide) th {
                    display: block !important;
                    width: 100% !important;
                    font-family: 'Outfit', sans-serif !important;
                    font-weight: 700 !important;
                    font-size: 18px !important;
                    color: var(--teal-dark) !important;
                    text-transform: uppercase !important;
                    padding: 10px 0 15px 0 !important;
                    border-bottom: 2px solid var(--border-color) !important;
                    margin-bottom: 20px !important;
                    text-align: left !important;
                }
                #id_12 tr.credit_card:not(.hide) > td,
                #id_12 tr.billing_address:not(.hide) > td,
                #id_12 tr.paypal:not(.hide) > td,
                #id_12 tr.other:not(.hide) > td {
                    display: block !important;
                    width: 100% !important;
                    padding: 0 !important;
                }
                #id_12 tr.credit_card:not(.hide) td > table {
                    width: 100% !important; display: block !important;
                    border-collapse: separate !important; border-spacing: 0 !important;
                }
                #id_12 tr.credit_card:not(.hide) td > table > tbody { display: block !important; width: 100% !important; }
                #id_12 tr.credit_card:not(.hide) td > table > tbody > tr {
                    display: flex !important; width: 100% !important; gap: 20px !important;
                    margin-bottom: 20px !important; flex-wrap: wrap !important;
                }
                #id_12 tr.credit_card:not(.hide) td > table > tbody > tr > td {
                    display: block !important; flex: 1 1 200px !important; padding: 0 !important; min-width: 0 !important;
                }
                #id_12 tr.credit_card:not(.hide) td > table > tbody > tr > td[colspan="2"] { flex: 1 1 100% !important; }
                #id_12 .cc-field-wrapper { width: 100% !important; }
                #id_12 .cc-icons { display: flex !important; gap: 8px !important; margin-top: 8px !important; }
                #id_12 .cc-icon { width: 38px !important; height: 24px !important; background-color: #f0f0f0 !important; border-radius: 4px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
                #id_12 tr.paypal:not(.hide) td,
                #id_12 tr.other:not(.hide) td {
                    padding: 20px !important; background-color: var(--teal-light) !important;
                    border-radius: 8px !important; font-family: 'Outfit', sans-serif !important;
                    color: var(--teal-dark) !important;
                }

                #id_2 { padding: 0 !important; margin-top: 20px !important; }
                #id_2 .form-input-wide { padding: 0 !important; width: 100% !important; }
                #id_2 .form-buttons-wrapper {
                    text-indent: 0 !important; text-align: center !important;
                    width: 100% !important; padding: 0 !important; margin: 0 !important;
                }
                #id_2 .form-submit-button {
                    background-color: var(--teal-main) !important; color: #ffffff !important;
                    font-family: 'Anek Malayalam', sans-serif !important; font-weight: 600 !important;
                    font-size: 22px !important; text-transform: uppercase !important;
                    width: 100% !important; max-width: 600px !important; height: 72px !important;
                    border-radius: 8px !important; display: flex !important; align-items: center !important;
                    justify-content: center !important; margin: 0 auto !important;
                    transition: all 0.3s !important; box-shadow: 0 4px 10px rgba(14, 96, 120, 0.3) !important;
                    border: none !important; cursor: pointer !important; text-indent: 0 !important;
                }
                #id_2 .form-submit-button:hover {
                    background-color: var(--teal-dark) !important; transform: translateY(-2px) !important;
                    box-shadow: 0 6px 15px rgba(14, 96, 120, 0.4) !important;
                }

/* Reset the outer payment table to normal table layout */
#cid_12 > table.form-address-table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}
#cid_12 > table.form-address-table > tbody {
    display: table-row-group !important;
    width: 100% !important;
}
/* The first row holds the payment method buttons td */
#cid_12 > table.form-address-table > tbody > tr:first-child {
    display: table-row !important;
    width: 100% !important;
}
 
/* The payment methods td: this is the flex container */
#cid_12 td.form-payment-methods {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    padding: 0 0 20px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    align-items: stretch !important;
}
 
/* Each radio button item */
#cid_12 .form-radio-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex: 1 1 180px !important;
    max-width: 260px !important;
    height: 60px !important;
    background: #fff !important;
    border: 2px solid #ebebeb !important;
    border-radius: 8px !important;
    padding: 0 18px !important;
    gap: 10px !important;
    cursor: pointer !important;
    transition: border-color 0.2s, background 0.2s !important;
    float: none !important;
    margin: 0 !important;
}

#cid_12 .form-radio-item.Maarten-pay-active {
    background: #edfffc !important;
    border-color: #0e6078 !important;
}
#cid_12 .form-radio-item input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    accent-color: #0e6078 !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0 !important;
}
#cid_12 .form-radio-item label {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #4c4c4c !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}
 
/* Credit card / other section rows — only show when .hide is removed by CMS JS */
#cid_12 tr.credit_card:not(.hide),
#cid_12 tr.billing_address:not(.hide),
#cid_12 tr.paypal:not(.hide),
#cid_12 tr.other:not(.hide) {
    display: block !important;
    width: 100% !important;
    margin-top: 20px !important;
}
#cid_12 tr.hide {
    display: none !important;
}
 
/* Credit card inner content */
#cid_12 tr.credit_card:not(.hide) th,
#cid_12 tr.billing_address:not(.hide) th {
    display: block !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #023443 !important;
    text-transform: uppercase !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 2px solid #ebebeb !important;
    margin-bottom: 16px !important;
}
#cid_12 tr.credit_card:not(.hide) > td,
#cid_12 tr.billing_address:not(.hide) > td,
#cid_12 tr.paypal:not(.hide) > td,
#cid_12 tr.other:not(.hide) > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}
 
/* Inner CC fields table */
#cid_12 tr.credit_card:not(.hide) td > table {
    display: block !important;
    width: 100% !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody {
    display: block !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody > tr {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
    width: 100% !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody > tr > td {
    display: block !important;
    flex: 1 1 180px !important;
    min-width: 0 !important;
    padding: 0 !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody > tr > td[colspan="2"] {
    flex: 1 1 100% !important;
}
 
@media (max-width: 600px) {
    #cid_12 .form-radio-item {
        flex: 1 1 calc(50% - 8px) !important;
        max-width: none !important;
    }
}
@media (max-width: 400px) {
    #cid_12 .form-radio-item {
        flex: 1 1 100% !important;
    }
}

                .Maarten-site-footer { background-color: var(--teal-dark) !important; height: 238px !important; width: 100% !important; margin-top: 100px !important; }

                @media (max-width: 1200px) {
                    .Maarten-info-content { flex-direction: column !important; text-align: center !important; gap: 50px !important; }

                    .Maarten-info-text-wrap { margin: 0 auto !important; align-items: center !important; max-width: 100% !important; text-align: center !important; }
                    .Maarten-img-info-side { margin: 0 auto !important; }
                    .Maarten-arrow-down-main { position: relative !important; bottom: auto !important; margin-top: 40px !important; display: none !important; }
                }
                @media (max-width: 992px) {
                    .Maarten-donor-form-card { padding: 40px 30px !important; }
                    .Maarten-form-row-pair { flex-direction: column !important; gap: 20px !important; }
                }
                @media (max-width: 768px) {
#cid_12 td.form-payment-methods {flex-wrap: wrap !important;}
                    .Maarten-hero { height: 500px !important; }
                    .Maarten-info-title { font-size: 29px !important; }
                    .Maarten-heading-playfair { font-size: 28px !important; }
                    .Maarten-btn-gold { font-size: 13px !important; padding: 12px 18px !important; gap: 8px !important; }
                    .Maarten-btn-icon { width: 18px !important; height: 18px !important; }
                    #Maarten-wrap-total { flex-direction: column !important; gap: 10px !important; padding: 20px !important; text-align: center !important; align-items: center !important; }
                    #Maarten-total-output { text-align: center !important; }
                    #id_12 .form-radio-item { flex: 1 1 calc(50% - 8px) !important; max-width: none !important; }
                    #id_5 .form-input { flex-direction: column !important; gap: 20px !important; }
                }
                @media (max-width: 550px) {
                    .Maarten-tiers-grid, .Maarten-members-container { gap: 12px !important; padding: 0 10px !important; }
                    .Maarten-native-amount-wrapper { height: 115px !important; }
                    .amount-text-main, .member-amount-val { font-size: 20px !important; }
                    .member-label-text { font-size: 14px !important; letter-spacing: 1px !important; }
                    #id_12 .form-radio-item { flex: 1 1 100% !important; }
                }
            `;
            document.head.appendChild(styleSheet);
        }

        // --- 3. ENSURE WRAPPER EXISTS (fallback if CKEditor stripped it) ---
        let customUI = document.getElementById('Maarten-custom-chabad-ui');
        if (!customUI) {
            console.warn('[Maarten] Wrapper not found — building it from script');
            const wrapperHTML = `
                <div id="Maarten-custom-chabad-ui">
                    <div class="Maarten-hero">
                        <div class="Maarten-hero-bg">
                            <img src="https://jewishsxm.com/media/images/1370/xTwk13706263.png" alt="" class="Maarten-hero-bg-img">
                            <div class="Maarten-hero-gradient"></div>
                        </div>
                        <div class="Maarten-hero-content">
                            <div class="Maarten-logo-wrap stagger-reveal-container">
                                <img src="https://jewishsxm.com/media/images/1370/ufTX13706336.png" class="Maarten-img-logo-text reveal-line-inner">
                            </div>
                            <a href="#sustainers" class="Maarten-btn-gold stagger-reveal-container">
                                <span class="reveal-line-inner">become a lighthouse member</span>
                                <img src="https://jewishsxm.com/media/images/1370/ynWT13706269.png" class="Maarten-btn-icon reveal-line-inner">
                            </a>
                        </div>
                    </div>
                    <div class="Maarten-info-section">
                        <img src="https://jewishsxm.com/media/images/1370/ASOr13706270.png" class="Maarten-info-bg-overlay">
                        <div class="Maarten-info-content stagger-reveal-container">
                            <div class="Maarten-info-text-wrap">
                                <h2 class="Maarten-info-title">
                                    <span class="reveal-line-wrap"><span class="reveal-line-inner">Sustaining the spark of</span></span><br>
                                    <span class="reveal-line-wrap"><span class="reveal-line-inner gold">Jewish life in S. Maarten.</span></span>
                                </h2>
                                <p class="Maarten-info-desc">
                                    <span class="reveal-line-wrap"><span class="reveal-line-inner">Lighthouse Sustainers are consistent donors who</span></span><br>
                                    <span class="reveal-line-wrap"><span class="reveal-line-inner">provide a steady foundation for Chabad of S. Maarten.</span></span><br>
                                    <span class="reveal-line-wrap"><span class="reveal-line-inner">Their ongoing support ensures a continuous,</span></span><br>
                                    <span class="reveal-line-wrap"><span class="reveal-line-inner">welcoming beacon of Jewish life shines on the island.</span></span>
                                </p>
                            </div>
                            <img src="https://jewishsxm.com/media/images/1370/dDEe13706342.png" class="Maarten-img-info-side slide-reveal-right">
                        </div>
                        <img src="https://jewishsxm.com/media/images/1370/ynWT13706269.png" class="Maarten-arrow-down-main">
                    </div>
                    <div id="sustainers" class="Maarten-section-header-wrap stagger-reveal-container">
                        <h2 class="Maarten-heading-playfair"><span class="reveal-line-wrap"><span class="reveal-line-inner">lighthouse sustainers</span></span></h2>
                        <p class="Maarten-subheading-outfit"><span class="reveal-line-wrap"><span class="reveal-line-inner">one-time donations</span></span></p>
                    </div>
                    <div class="Maarten-tiers-grid" id="Maarten-sustainers-grid"></div>
                    <div class="Maarten-section-header-wrap stagger-reveal-container">
                        <h2 class="Maarten-heading-playfair"><span class="reveal-line-wrap"><span class="reveal-line-inner">lighthouse members</span></span></h2>
                        <p class="Maarten-subheading-outfit"><span class="reveal-line-wrap"><span class="reveal-line-inner">yearly or monthly giving</span></span></p>
                    </div>
                    <div class="Maarten-members-container">
                        <div class="Maarten-members-col" id="Maarten-members-col-1"></div>
                        <div class="Maarten-members-col" id="Maarten-members-col-2"></div>
                    </div>
                    <div class="Maarten-donor-form-card" id="donor-details">
                        <h3 class="Maarten-form-heading-top">donor details</h3>
                        <div class="Maarten-form-row-pair">
                            <div class="Maarten-form-field-unit" id="Maarten-wrap-name"></div>
                        </div>
                        <div class="Maarten-form-row-pair">
                            <div class="Maarten-form-field-unit" id="Maarten-wrap-email"></div>
                            <div class="Maarten-form-field-unit" id="Maarten-wrap-phone"></div>
                        </div>
                        <div class="Maarten-form-field-unit" style="margin-bottom: 30px;" id="Maarten-wrap-address"></div>
                        <div id="Maarten-wrap-recurrence" style="display:none !important;"></div>
                        <div class="Maarten-total-display-bar" id="Maarten-wrap-total">
                            <span class="Maarten-total-text-lbl">total</span>
                            <span class="total-price-val" id="Maarten-total-output">$0</span>
                        </div>
                        <div class="payment-method-section" id="Maarten-wrap-payment">
                            <div class="Maarten-payment-method-heading">payment method</div>
                        </div>
                        <div id="Maarten-wrap-submit"></div>
                    </div>
                    <div class="Maarten-site-footer"></div>
                </div>
            `;
            const formAll = document.querySelector('.form-all');
            const mountPoint = formAll || document.getElementById('formContainer') || document.body;
            const tmp = document.createElement('div');
            tmp.innerHTML = wrapperHTML.trim();
            customUI = tmp.firstElementChild;
            mountPoint.insertBefore(customUI, mountPoint.firstChild);
        }

        // --- 4. MOVE NATIVE FIELDS INTO CUSTOM WRAPPERS ---
        const moveMap = {
            'id_5': 'Maarten-wrap-name',
            'id_6': 'Maarten-wrap-email',
            'id_8': 'Maarten-wrap-phone',
            'id_9': 'Maarten-wrap-address',
            'id_10': 'Maarten-wrap-recurrence',
            'id_11': 'Maarten-wrap-total',
            'id_12': 'Maarten-wrap-payment',
            'id_2': 'Maarten-wrap-submit'
        };

        for (const [nativeId, customWrapId] of Object.entries(moveMap)) {
            const nativeEl = document.getElementById(nativeId);
            const targetWrap = document.getElementById(customWrapId);
            if (nativeEl && targetWrap && !targetWrap.contains(nativeEl)) {
                targetWrap.appendChild(nativeEl);
            }
        }

        // Hide the original donor details header
        const id4 = document.getElementById('cid_4');
        if (id4) id4.style.display = 'none';

        // Hide native id_1 and id_3 source lists once their items move
        const id1Native = document.getElementById('id_1');
        const id3Native = document.getElementById('id_3');

        // --- 5. CHECKBOX TRANSFORMATION ---
        function formatCurrencyDisplay(amountStr) {
            let amount = parseFloat(String(amountStr).replace(/[^0-9.]/g, ''));
            if (isNaN(amount)) return amountStr;
            return new Intl.NumberFormat('en-US', {
                style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0
            }).format(amount);
        }

        function syncMonthlyRecurring(selectedValue) {
            const monthlyCheckbox = document.getElementById('input_10');
            if (!monthlyCheckbox) return;
            const isMonthly = selectedValue && selectedValue.toLowerCase().includes('monthly');
            if (isMonthly && !monthlyCheckbox.checked) {
                monthlyCheckbox.checked = true;
                monthlyCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
            } else if (!isMonthly && monthlyCheckbox.checked) {
                monthlyCheckbox.checked = false;
                monthlyCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
            }
        }

        function transformTierOptions(sourceId, type) {
            const sourceContainer = document.getElementById(sourceId);
            if (!sourceContainer) {
                console.warn('[Maarten] Source not found:', sourceId);
                return;
            }

            const sustainersGrid = document.getElementById('Maarten-sustainers-grid');
            const col1 = document.getElementById('Maarten-members-col-1');
            const col2 = document.getElementById('Maarten-members-col-2');

            if (type === 'sustainers' && !sustainersGrid) {
                console.warn('[Maarten] Sustainers grid missing');
                return;
            }
            if (type === 'members' && (!col1 || !col2)) {
                console.warn('[Maarten] Members columns missing');
                return;
            }

            const items = sourceContainer.querySelectorAll('.form-checkbox-item');

            items.forEach((item, index) => {
                item.className = 'Maarten-native-amount-wrapper form-line';
                const input = item.querySelector('input[type="checkbox"]');
                const label = item.querySelector('label');
                if (!input || !label) return;

                label.className = 'card-label-wrapper stagger-reveal-container';
                const fullText = input.value;

                if (type === 'sustainers') {
                    label.innerHTML = `
                        <div class="card-base reveal-line-inner">
                            <svg class="radio-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <circle cx="12" cy="12" r="10"></circle>
                                <circle class="radio-inner-dot" cx="12" cy="12" r="5" fill="currentColor"></circle>
                            </svg>
                            <span class="amount-text-main">${fullText}</span>
                        </div>
                    `;
                    if (index === 4) item.classList.add('Maarten-tier-card-wrap-centered');
                    sustainersGrid.appendChild(item);
                } else if (type === 'members') {
                    const parts = fullText.split(' ');
                    const amountText = parts[0] || '';
                    const periodText = parts[1] || '';
                    label.innerHTML = `
                        <div class="card-base reveal-line-inner">
                            <svg class="radio-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <circle cx="12" cy="12" r="10"></circle>
                                <circle class="radio-inner-dot" cx="12" cy="12" r="5" fill="currentColor"></circle>
                            </svg>
                            <div class="member-info-content">
                                <span class="member-amount-val">${amountText}</span>
                                <span class="member-label-text">${periodText}</span>
                            </div>
                        </div>
                    `;
                    const colTarget = (index % 2 === 0) ? col1 : col2;
                    colTarget.appendChild(item);
                }

                input.addEventListener('change', () => {
                    if (input.checked) {
                        document.querySelectorAll('.Maarten-native-amount-wrapper input[type="checkbox"]').forEach(cb => {
                            if (cb !== input && cb.checked) {
                                cb.checked = false;
                                const oldCard = cb.parentElement && cb.parentElement.querySelector('.card-base');
                                if (oldCard) oldCard.classList.remove('selected');
                            }
                        });
                        const newCard = label.querySelector('.card-base');
                        if (newCard) newCard.classList.add('selected');

                        const totalDisplay = document.getElementById('Maarten-total-output');
                        if (totalDisplay) {
                            const parts = fullText.split(' ');
                            const valNum = parts[0];
                            const periodStr = type === 'members' && parts[1] ? ' ' + parts[1].toLowerCase() : '';
                            totalDisplay.textContent = formatCurrencyDisplay(valNum) + periodStr;
                        }
                        syncMonthlyRecurring(fullText);
                    } else {
                        const newCard = label.querySelector('.card-base');
                        if (newCard) newCard.classList.remove('selected');
                        const anyChecked = document.querySelector('.Maarten-native-amount-wrapper input[type="checkbox"]:checked');
                        if (!anyChecked) {
                            const totalDisplay = document.getElementById('Maarten-total-output');
                            if (totalDisplay) totalDisplay.textContent = '$0';
                            syncMonthlyRecurring('');
                        }
                    }
                });

                item.addEventListener('click', (e) => {
                    const tag = e.target.tagName.toLowerCase();
                    if (tag === 'input' || tag === 'label' || e.target.closest('svg')) return;
                    input.click();
                });

                if (input.checked) {
                    const newCard = label.querySelector('.card-base');
                    if (newCard) newCard.classList.add('selected');
                    syncMonthlyRecurring(fullText);
                }
            });

            // Hide the source li after extraction
            const sourceLi = sourceContainer.closest('li.form-line');
            if (sourceLi) sourceLi.style.display = 'none';
            sourceContainer.style.display = 'none';
        }

        transformTierOptions('cid_1', 'sustainers');
        transformTierOptions('cid_3', 'members');

        // --- 6. PAYMENT RADIO ACTIVE-STATE TRACKING (no behavior override) ---
        const paymentRadioItems = document.querySelectorAll('#id_12 .form-radio-item');
        paymentRadioItems.forEach(item => {
            const radioInput = item.querySelector('input[type="radio"]');
            if (!radioInput) return;
            if (radioInput.checked) item.classList.add('Maarten-pay-active');
            radioInput.addEventListener('change', () => {
                paymentRadioItems.forEach(i => i.classList.remove('Maarten-pay-active'));
                if (radioInput.checked) item.classList.add('Maarten-pay-active');
            });
        });

        // --- 7. SCROLL REVEALS ---
const observer = new IntersectionObserver((entries, obs) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            const lines = entry.target.querySelectorAll('.reveal-line-inner');
            const sideImages = entry.target.querySelectorAll('.slide-reveal-right');

            lines.forEach((line, index) => {
                setTimeout(() => {
                    line.classList.add('is-visible');
                }, index * 300); // 👈 slower: was 350ms, now 600ms
            });

            sideImages.forEach((img, index) => {
                setTimeout(() => {
                    img.classList.add('is-visible');
                }, index * 300); // 👈 also staggered now
            });

            obs.unobserve(entry.target);
        }
    });
}, { root: null, rootMargin: '0px 0px -10% 0px', threshold: 0.1 });

document.querySelectorAll('.stagger-reveal-container').forEach(c => observer.observe(c));

// ❌ REMOVED: the setTimeout fallback that was revealing everything at once

console.log('[Maarten] Done.');
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', runMaarten);
    } else {
        runMaarten();
    }
})();
</script>
</body>
</html>