<!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 name="description" content="When a holiday runs directly into Shabbat, an eruv tavshilin is set aside before the holiday. This allows us to prepare on the holiday for the Shabbat that follows." />

<meta property="og:image" content="https://w2.chabad.org/media/images/910/LGfM9103307.jpg" itemprop="image" width="650" height="245" />
<meta property="og:image:width" content="650" />
<meta property="og:image:height" content="245" />
<meta name="keywords" content="Eruv,Tavshilin, Eruv Tavshilin" />
<meta name="title" content="Eruv Tavshilin - Chabad of St. Maarten/Martin" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="995650-995658-1124816-6879456-6879460" />
<meta name="article-keywords" content="8089-23215-6760-8495-2170-2898-7306-1188-527-13298-16949-31847-31567-32228-63-20962-16241" />
<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="6879460" />
<meta name="article-keyword" content="8089" />
<meta name="article-keyword" content="23215" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="7306" />
<meta name="article-keyword" content="1188" />
<meta name="article-keyword" content="527" />
<meta name="article-keyword" content="13298" />
<meta name="article-keyword" content="16949" />
<meta name="article-keyword" content="31847" />
<meta name="article-keyword" content="31567" />
<meta name="article-keyword" content="32228" />
<meta name="article-keyword" content="63" />
<meta name="article-keyword" content="20962" />
<meta name="article-keyword" content="16241" />
<meta property="og:url" content="https://www.jewishsxm.com/library/article_cdo/aid/2327/jewish/Eruv-Tavshilin.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Eruv Tavshilin" /><link rel="canonical" href="https://www.jewishsxm.com/library/article_cdo/aid/2327/jewish/Eruv-Tavshilin.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1047/mYIq10475223.jpg" />
<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/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":11,"publicationDate":"2026-04-19","primaryArticleId":2327,"title":"Eruv Tavshilin","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Events & Holidays","contentLevel3":"Shavuot ","contentLevel4":"Eruv Tavshilin","siteName":"Chabad of St. Maarten/Martin"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":12,"hebrewDate":"5786-04-05"}});
		dataLayer.push({ 'articleHierarchy': '-995650-995658-1124816-6879456-6879460-', 'keywords': '-k16241-k20962-k63-k32228-k31567-k31847-k16949-k13298-k527-k1188-k7306-k2898-k2170-k8495-k6760-k23215-k8089-', 'k': '-995650-995658-1124816-6879456-6879460--k16241-k20962-k63-k32228-k31567-k31847-k16949-k13298-k527-k1188-k7306-k2898-k2170-k8495-k6760-k23215-k8089-' });
	
</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>
	Eruv Tavshilin - Chabad of St. Maarten/Martin
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.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">
<a href="/article.asp?aid=7334421" class="parent">Shavuot Dairy Buffet</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=6879460" class="parent selected">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">Eruv Tavshilin</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="Eruv Tavshilin" />

<meta itemprop="image" content="https://w2.chabad.org/media/images/1023/zMec10232583.jpg" />

	<meta itemprop="description" content="When a holiday runs directly into Shabbat, an eruv tavshilin is set aside before the holiday. This allows us to prepare on the holiday for the Shabbat that follows." />


		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1047/mYIq10475223.jpg" />
	
		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1023/zMec10232583.jpg" />
	
		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/156/zxAJ1564595.jpg" />
	
		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/156/AjdS1564596.jpg" />
	
		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/910/LGfM9103307.jpg" />
	
<meta itemprop="uploadDate" content="2026-04-19T04:44:14" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of St. Maarten/Martin" />
	<meta itemprop="brand" content="Chabad of St. Maarten/Martin" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1235/ZIjf12352137.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2026-04-19T04:44:14" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p>On Jewish holidays, within each 24-hour (night-day) holiday unit, we are permitted to make preparations for all of that unit, but we are forbidden to make any preparations for the following unit, which begins after nightfall. (For example, on a Wednesday night holiday, one may cook for Wednesday night and Thursday. But anything to be used on Thursday night or Friday may be done only beginning Thursday night after nightfall.)</p>

<p>The one exception is when a Friday holiday is followed seamlessly by Shabbat, in which case, cooking is permissible on Friday through a mechanism known as an <i>eruv tavshilin</i>, whereby the cooking process is begun prior to the holiday.</p>
<p>If a holiday day — whether the first or second day of a holiday — falls on a Friday, an <i>eruv tavshilin</i> is set aside on the day preceding the holiday (Wednesday or Thursday afternoon), so that we will be permitted to prepare for Shabbat (cooking as well as any other necessary preparations) on the holiday. Only one <i>eruv</i> is required per household.</p>
<p>This <i>eruv</i> consists of a <i>challah</i> or matzah, and a cooked food, such as meat, fish, or an unpeeled hard-boiled egg.</p>
<p>Take the food items (it is a good idea to wrap them in aluminum foil, or another distinctive packaging, to easily keep them apart from the rest of the foods in your home), and give them to another person (if possible an individual who is a non-dependant), and say:</p>
<p>
      

<div align="center" class="imagetable center widen" width="415" >
	
	<img src="https://w2.chabad.org/media/images/156/zxAJ1564595.jpg?_i=_nC1ECE1F0A70FC6FCEF241160196C6D53" srcset="https://w2.chabad.org/media/images/156/zxAJ1564595.jpg?_i=_nC1ECE1F0A70FC6FCEF241160196C6D53 415w" sizes="(min-width: 768px) 415px, 100vw" loading="lazy" />
</div>

    </p>
<blockquote>
<p><i>I hereby grant a share in this eruv to anyone who wishes to participate in it and to depend on it.</i></p>
    </blockquote>
<p>The one holding the food raises it a handbreadth, and then returns it to the person making the <i>eruv</i>, who then recites the following:</p>
<p>
      

<div align="center" class="imagetable center widen" width="416" >
	
	<img src="https://w2.chabad.org/media/images/156/AjdS1564596.jpg?_i=_nC1ECE1F0A70FC6FC796BC9BD9FA2F4D0" srcset="https://w2.chabad.org/media/images/156/AjdS1564596.jpg?_i=_nC1ECE1F0A70FC6FC796BC9BD9FA2F4D0 416w" sizes="(min-width: 768px) 416px, 100vw" loading="lazy" />
</div>

    </p>
<blockquote>
<p><i>Blessed are you, L-rd our G‑d, king of the universe, who has sanctified us with his commandments, and commanded us concerning the mitzvah of eruv.</i></p>
<p><i>Through this [eruv] it shall be permissible for us to bake, cook, put away a dish [to preserve its heat], kindle a light, prepare, and do on the holiday all that is necessary for Shabbat — for us and for all the Israelites who dwell in this city.</i></p>
    </blockquote>
<p>The <i>eruv</i> is put away until Shabbat, when it is eaten<b>.</b> In many communities, it is customary to use the <i>challah</i> or matzah as one of the two loaves of bread used at the Shabbat meal.<a class="footnote_ref" href="javascript:doFootnote('1a6879460');" name="footnoteRef1a6879460">1</a></p>
<p><i>Important notes:</i></p>
<ul>
	<li>The <i>eruv tavshilin </i>only allows food preparations if the food will 
	be ready with ample time remaining before Shabbat; enough time to 
	theoretically allow the food to be consumed before sunset (if a troop of 
	guests happens to trudge in to your home). This is an imporant detail to 
	bear in mind when preparing the <i>cholent</i>, which cooks on the stove 
	until the following day.</li>
<li>The <i>eruv tavshilin</i> only allows one to cook on Friday for Shabbat, it does not permit cooking from one day of the holiday to the next (i.e. Thursday for Friday).</li>
	<li>On holidays it is only permissible to cook from a pre-existent flame, one that is burning since the onset of the holiday.</li>
</ul>
<p><a href="/library/article_cdo/aid/563798/jewish/Why-We-Make-an-Eruv-Tavshilin.htm" title="Why We Make an Eruv Tavshilin">Click here</a> for why we set an <i>eruv tavshilin</i> and <a href="/library/article_cdo/aid/6593126/jewish/What-If-I-Forgot-to-Set-Aside-an-Eruv-Tavshilin.htm" title="What If I Forgot to Set Aside an Eruv Tavshilin?"> here</a> for what if one forgot to set an <i>eruv tavshilin</i>.</p>
  </div>
</co:body>
			</div>
			
	<div class="ds-related-topics">
			<sl-tooltip content="Read more about Eruv Tavshilin" trigger="hover">
				<sl-button pill href="/search/keyword.htm/kid/8089" target="_blank">Eruv Tavshilin</sl-button>
			</sl-tooltip>
	</div>

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	<co:footnoteTable xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div id="FootnoteContainer" cellspacing="0" data-lang="en">
    <div class="heading">Footnotes</div>
    <div class="group " data-name="">
      <div id="footnoteTR1a6879460" class="footnote " group=""><a name="footnote1a6879460" class="footnoteLink" href="#footnoteRef1a6879460">1.</a><div class="footnoteBody ">
<p>Others still will use the challah as the second (unused) loaf for both the night and morning Shabbat meals, and then consume it for <i>seudah shelishit</i> (the Shabbat afternoon meal) — thus performing multiple mitzvot with the same loaf.</p>
        </div>
      </div>
    </div>
  </div>
</co:footnoteTable>

<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%2f6879460%2fjewish%2fEruv-Tavshilin.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=Eruv+Tavshilin+-+Chabad+of+St.+Maarten%2fMartin&amp;url=https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f6879460%2fjewish%2fEruv-Tavshilin.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=Eruv+Tavshilin+-+Chabad+of+St.+Maarten%2fMartin https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f6879460%2fjewish%2fEruv-Tavshilin.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%2f6879460%2fjewish%2fEruv-Tavshilin.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Eruv+Tavshilin+-+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/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/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/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     = '6879460';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>