<!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/1089/ICpG10893000.png" itemprop="image" width="1893" height="440" />
<meta property="og:image:width" content="1893" />
<meta property="og:image:height" content="440" />
<meta name="keywords" content="Sukkos" />
<meta name="title" content="Sukkos - Chabad of St. Maarten/Martin" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="995650-995658-1124816-4858815" />
<meta name="article-keywords" content="23368-8495-8497-16403-16669-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="4858815" />
<meta name="article-keyword" content="23368" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8497" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="16669" />
<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/section_cdo/aid/4858815/jewish/Sukkot.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Sukkos" /><link rel="canonical" href="https://www.jewishsxm.com/templates/section_cdo/aid/4858815/jewish/Sukkot.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1119/liFA11195129.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=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/sukkos/sukkos-minisite.css?v=9/8/2026" id="k23368" 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":"2020-08-30","primaryArticleId":4858815,"title":"Sukkos","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Events & Holidays","contentLevel3":"Sukkot","siteName":"Chabad of St. Maarten/Martin"},"time":{"upcomingHoliday":"Shemini Atzeret &amp; Simchat Torah","daysToUpcomingHoliday":-1,"hebrewDate":"5787-07-23"}});
		dataLayer.push({ 'articleHierarchy': '-995650-995658-1124816-4858815-', 'keywords': '-k20962-k2898-k2170-k16669-k16403-k8497-k8495-k23368-', 'k': '-995650-995658-1124816-4858815--k20962-k2898-k2170-k16669-k16403-k8497-k8495-k23368-' });
	
</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><script>
(function () {
    if (!/donate_cdo\/aid\/4970020/i.test(window.location.href)) return;
    if (window.location.hash !== '#lighthouse-daf') return;

    var raw;
    try { raw = sessionStorage.getItem('MaartenLighthouseDaf'); } catch (e) { return; }
    if (!raw) return;

    var data;
    try { data = JSON.parse(raw); } catch (e) { return; }
    try { sessionStorage.removeItem('MaartenLighthouseDaf'); } catch (e) {}

    // Stale handoffs shouldn't silently prefill someone else's session
    if (!data.stamp || (Date.now() - data.stamp) > 30 * 60 * 1000) return;

    var COUNTRY = {
        'United States':'US','Canada':'CA','United Kingdom':'GB','Israel':'IL',
        'Netherlands':'NL','Netherlands Antilles':'AN','South Africa':'ZA',
        'Australia':'AU','France':'FR','Germany':'DE','Belgium':'BE',
        'Switzerland':'CH','Mexico':'MX','Brazil':'BR','Argentina':'AR',
        'Puerto Rico':'PR','US Virgin Islands':'VI','British Virgin Islands':'VG',
        'Dominican Republic':'DO','Anguilla':'AI','Antigua and Barbuda':'AG',
        'Aruba':'AW','Curacao':'CW','Saint Kitts and Nevis':'KN','Saint Lucia':'LC',
        'Barbados':'BB','Bermuda':'BM','Jamaica':'JM','Trinidad and Tobago':'TT',
        'Guadeloupe':'GP','Martinique':'MQ','Spain':'ES','Italy':'IT','Portugal':'PT'
    };

    function fill(el, value) {
        if (!el || !value) return;
        el.value = value;
        el.dispatchEvent(new Event('input',  { bubbles: true }));
        el.dispatchEvent(new Event('change', { bubbles: true }));
        var w = el.closest('.js-field-wrapper');
        if (w) w.classList.remove('no-value');
    }

    function waitFor(selector, cb, tries) {
        tries = tries || 40;
        var el = document.querySelector(selector);
        if (el) return cb(el);
        if (tries <= 0) return;
        setTimeout(function () { waitFor(selector, cb, tries - 1); }, 150);
    }

    function run() {
        // Frequency. Click the label, not the input — their toggle handler is
        // bound to the label and it also swaps the one-time/monthly class on
        // the wrapper that drives the visual state.
        var wantMonthly = data.monthly === true || /monthly/i.test(data.period || '');
        var freqLabel = document.querySelector(
            wantMonthly ? '.js-frequency-toggle .js-monthly'
                        : '.js-frequency-toggle .js-one-time'
        );
        var freqRadio = freqLabel ? freqLabel.querySelector('input[type="radio"]') : null;

        if (freqLabel && freqRadio && !freqRadio.checked) {
            freqLabel.click();
            if (!freqRadio.checked) {
                freqRadio.checked = true;
                freqRadio.dispatchEvent(new Event('change', { bubbles: true }));
            }
        }

        fill(document.querySelector('.js-custom-amount'), data.amount);

        var next = document.querySelector('.js-next-button');
        if (next) next.click();

        setTimeout(function () {
            fill(document.getElementById('first-name'), data.firstName);
            fill(document.getElementById('last-name'),  data.lastName);
            fill(document.getElementById('email'),      data.email);
            fill(document.getElementById('address'),    data.address);
            fill(document.getElementById('city'),       data.city);
            fill(document.getElementById('state'),      data.state);
            fill(document.getElementById('zip'),        data.zip);

            var countrySel = document.getElementById('country');
            var iso = COUNTRY[data.country];
            if (countrySel && iso) fill(countrySel, iso);

            var subtype = document.querySelector('select[name="donation_subtype"]');
            if (subtype) {
                var match = Array.prototype.slice.call(subtype.options).filter(function (o) {
                    return /lighthouse/i.test(o.value) || /lighthouse/i.test(o.text);
                })[0];
                if (match) fill(subtype, match.value);
            }

            var notes = document.getElementById('notes');
            if (notes && !notes.value) fill(notes, 'Lighthouse Sustainers');

            // Select the DAF tab by clicking the label — their handler is bound
            // there, not on the input.
            var dafLabel = document.querySelector('.daf-tab.js-payment-select');
            if (dafLabel) dafLabel.click();

            waitFor('.chariot-wrapper', function (wrap) {
                var banner = document.createElement('div');
                banner.style.cssText = 'background:#edfffc;border:2px solid #0e6078;border-radius:8px;padding:16px 20px;margin:20px 0;font-family:Outfit,sans-serif;color:#023443;font-size:16px;';
                banner.textContent = wantMonthly
                    ? 'Your Lighthouse Sustainers details have been carried over, set up as a monthly gift. Click the button below to complete it through your Donor Advised Fund.'
                    : 'Your Lighthouse Sustainers details have been carried over. Click the button below to complete your gift through your Donor Advised Fund.';
                wrap.parentNode.insertBefore(banner, wrap);
                wrap.scrollIntoView({ behavior: 'smooth', block: 'center' });
            });
        }, 500);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function () { setTimeout(run, 400); });
    } else {
        setTimeout(run, 400);
    }
})();
</script><script>
//<![CDATA[
	// Sentry form tracking - REMOVE this whole block once the investigation is finished.
	// ===== CONFIGURE =====
	// Records a session replay and uploads it only when a form error appears.
	// Turn a flag on while investigating a problem, then turn it back off.

	var trackDonatePage = false;     // can be true or false - the site's donation page
	var trackCampaignForms = false;  // can be true or false - fundraising campaign donation forms
	var trackAllForms = false;       // can be true or false - every formbuilder form on the site

	// Specific forms, by article or event id. Can be multiple: "12345", "67891", "23489"
	var trackFormIds = [
		"7369937"
	];

	document.head.appendChild(Object.assign(document.createElement('script'), { src: 'https://sentry-form-tracker.vercel.app/sentry-form-tracker.js' }));
//]]>
</script><title>
	Sukkos - Chabad of St. Maarten/Martin
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_root">
	
	
		<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">
<a href="/4858815" style="text-decoration: none;">
<div class="headerTitle">
 
SUKKOT
</div>
<div class="headerTitle2">
 
& Simchat Torah
</div>
</a>
<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">
October 15 - 24, 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 selected">
<a href="/article.asp?aid=4858815" class="parent selected">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6614449" class="parent">Where To Stay?</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">                      
<div class="chabad_left_column"><div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</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 class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/sukkos/Sukkos_sukkah.png" /></div>
<div class="title titleIcon">
Sukkot In The Park
</div>
<div class="message">

<p>You and your family are invited to join us for a Sukkot Celebration in the Park! Eat delicious food, shake the Lulav & Etrog, and learn more about the festive holiday of Sukkot, see you there!</p>                                                             
</div>
<div class="read-more_link">

<p>
<a href="/Article.asp?AID=5657125">RSVP</a></p>
</div>

</div>


<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/sukkos/Sukkos_sukkah.png" /></div>
<div class="title titleIcon">
Order Lulav & Etrog
</div>
<div class="message">

<p>On every day of the holiday of Sukkot (with the exception of Shabbat), there’s a mitzvah to take the “Four Kinds”—a lulav (date palm frond), an etrog (citron), at least three hadassim (myrtle branches) and two aravot (willow branches). In the words of the verse (Leviticus 23:40), “You shall take for yourselves on the first day the fruit of the hadar tree [citron], date palm fronds, a branch of a braided tree, and willows of the brook, and you shall rejoice before the L‑rd your G‑d for a seven day period.”</p>                                                             
</div>
<div class="read-more_link">

<p>
<a href="/Article.asp?AID=4859532">Order Your Own Set</a></p>
</div>

</div>


<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/sukkos/Sukkos_sukkah.png" /></div>
<div class="title titleIcon">
Where To Stay? 
</div>
<div class="message">

<p>Looking for the perfect, cozy place to share in this joyous holiday? View here for recommended options!</p>                                                             
</div>
<div class="read-more_link">

<p>
<a href="/Article.asp?AID=6614449">Learn More</a></p>
</div>

</div>


<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/sukkos/Sukkos_sukkah.png" /></div>
<div class="title titleIcon">
What Is Sukkot?
</div>
<div class="message">

<p>Sukkot is a weeklong Jewish holiday that comes five days after Yom Kippur. Sukkot celebrates the gathering of the harvest and commemorates the miraculous protection G‑d provided for the children of Israel when they left Egypt. We celebrate Sukkot by dwelling in a foliage-covered booth (known as a sukkah) and by taking the “Four Kinds” (arba minim), four special species of vegetation.</p>                                                             
</div>
<div class="read-more_link">

<p>
<a href="/Article.asp?AID=4126">Learn More</a></p>
</div>

</div>


<div class="large_banner wrap-image">
<div class="bannerContainer">

<a href="/5657125" style="left: 0px; right: -2px; top: 0px;"></a>

<div class="textWrapper">
<span>

<p class="big">Sukkot in the Park</p>

<p class="wrapper-message">You and your family our invited to join us for a Sukkot Celebration in the Park! Eat delicious food, shake the Lulav & Etrog, and learn more about the festive holiday of Sukkot, see you there!</p> 
</span>                     
<div class="bannerCta">

<button>RSVP </button></div>
</div>
</div>
</div>

              
<div class="latest_features">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/Sukkos/Sukkos_torah.png" /></div>
<div class="features_title titleIcon">
Learn More about Sukkot & Simchat Torah</div>
<div class="co_content">

<div class="co_features">
<div class="wrap-image">
<a href="/4457">
<img class="statimg" src="https://w2.chabad.org/media/images/983/PfhR9837550.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4457">How To Celebrate Sukkot</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4326">
<img class="statimg" src="https://w2.chabad.org/media/images/913/oROt9130536.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4326">Practical Sukkot Info</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4328">
<img class="statimg" src="https://w2.chabad.org/media/images/912/cJiy9129626.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4328">Sukkot Study</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4329">
<img class="statimg" src="https://w2.chabad.org/media/images/913/KkGJ9134558.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4329">Sukkot Recipes</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/354746">
<img class="statimg" src="https://w2.chabad.org/media/images/847/pPwd8479456.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/354746">Sukkot Kids Site</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/746717">
<img class="statimg" src="https://w2.chabad.org/media/images/923/HwGL9237797.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/746717">Sukkot Multimedia</a></div>
</div>

<div class="co_features">
<div class="wrap-image">
<a href="/4327">
<img class="statimg" src="https://w2.chabad.org/media/images/983/yMEQ9839375.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4327">Simchat Torah Guide</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4330">
<img class="statimg" src="https://w2.chabad.org/media/images/951/wYqv9515662.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4330">Simchat Torah Study</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4736">
<img class="statimg" src="https://w2.chabad.org/media/images/1024/uDrM10243447.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4736">Simchat Torah Stories</a></div>
</div>
</div>
</div>

<div class="small_promos"></div>

</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>

</div>  
<div id="border_bottom"></div>
</div>
</div>
</div><!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2fsection_cdo%2faid%2f4858815%2fjewish%2fSukkot.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=Sukkos+-+Chabad+of+St.+Maarten%2fMartin&amp;url=https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2fsection_cdo%2faid%2f4858815%2fjewish%2fSukkot.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=Sukkos+-+Chabad+of+St.+Maarten%2fMartin https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2fsection_cdo%2faid%2f4858815%2fjewish%2fSukkot.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%2fsection_cdo%2faid%2f4858815%2fjewish%2fSukkot.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Sukkos+-+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, 1124816);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=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of St. Maarten/Martin'}; Co.ArticleId     = '4858815';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;
                }

                /* NATIVE AMOUNT QUESTIONS: keep them in the DOM and rendered (offscreen) — NOT display:none.
                   The ChabadOne pricing engine totals from #cid_1 / #cid_3, so the checkboxes must stay there. */
                #id_1, #id_3 {
                    position: absolute !important; left: -9999px !important; top: -9999px !important;
                    width: 1px !important; height: 1px !important; overflow: hidden !important;
                    visibility: hidden !important; pointer-events: none !important;
                }

                .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; margin: 0 !important; padding: 0 !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-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 */
                #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;
                }
                /* Native total (id_11): hide visually but keep it rendered — the engine writes to it */
                #Maarten-wrap-total #id_11 {
                    position: absolute !important; left: -9999px !important; top: -9999px !important;
                    width: 1px !important; height: 1px !important; overflow: hidden !important;
                    visibility: hidden !important; padding: 0 !important; margin: 0 !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; }

                #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; }

                #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;
                }

                #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;
                }

#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;
}
#cid_12 > table.form-address-table > tbody > tr:first-child {
    display: table-row !important;
    width: 100% !important;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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; }
                }
.Maarten-subheading-outfit{ display: none !important;}

/* ---- OTHER AMOUNT CARD ---- */
.Maarten-members-container { margin-bottom: 24px !important; }
.Maarten-other-amount-row {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 884px !important;
    margin: 0 auto 100px !important;
    padding: 0 20px !important;
}
.Maarten-other-card-wrap {
    width: calc(50% - 12px) !important;
    height: 150px !important;
}
#Maarten-other-card {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 20px !important;
    cursor: text !important;
}
.Maarten-other-field {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
}
.Maarten-other-currency {
    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;
}
.Maarten-other-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;
    text-transform: uppercase !important;
    margin-top: 5px !important;
    transition: color 0.3s ease !important;
}
#Maarten-custom-chabad-ui #id_14 { display: block !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
#Maarten-custom-chabad-ui #label_14 { display: none !important; }
#Maarten-custom-chabad-ui #cid_14 { padding: 0 !important; margin: 0 !important; width: auto !important; }
#Maarten-custom-chabad-ui #input_14 {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    color: var(--teal-main) !important;
    text-align: left !important;
    outline: none !important;
    -moz-appearance: textfield !important;
    transition: color 0.3s ease !important;
}
#Maarten-custom-chabad-ui #input_14:focus { border: none !important; }
#Maarten-custom-chabad-ui #input_14::-webkit-outer-spin-button,
#Maarten-custom-chabad-ui #input_14::-webkit-inner-spin-button {
    -webkit-appearance: none !important; margin: 0 !important;
}
#Maarten-custom-chabad-ui #input_14::placeholder { color: #b9cdd3 !important; opacity: 1 !important; }
#Maarten-other-card.selected .Maarten-other-currency,
#Maarten-other-card.selected .Maarten-other-label-text,
#Maarten-custom-chabad-ui #Maarten-other-card.selected #input_14 { color: #ffffff !important; }
#Maarten-custom-chabad-ui #Maarten-other-card.selected #input_14::placeholder { color: rgba(255,255,255,0.65) !important; }
@media (max-width: 550px) {
    .Maarten-other-amount-row { padding: 0 10px !important; margin-bottom: 60px !important; }
    .Maarten-other-card-wrap { width: 100% !important; height: 115px !important; }
    .Maarten-other-currency, #Maarten-custom-chabad-ui #input_14 { font-size: 20px !important; }
    #Maarten-custom-chabad-ui #input_14 { width: 110px !important; }
    .Maarten-other-label-text { font-size: 14px !important; letter-spacing: 1px !important; }
}

/* ---- DAF HANDOFF ---- */
.Maarten-daf-panel { display: none !important; padding: 24px !important; background: var(--teal-light) !important; border: 2px solid var(--teal-main) !important; border-radius: 8px !important; margin-top: 20px !important; text-align: center !important; }
.Maarten-daf-panel.is-open { display: block !important; }
.Maarten-daf-copy { font-family: 'Outfit', sans-serif !important; font-size: 16px !important; color: var(--teal-dark) !important; margin: 0 0 20px 0 !important; }
.Maarten-daf-error { display: none; font-family: 'Outfit', sans-serif !important; font-size: 15px !important; color: #d9534f !important; margin-bottom: 15px !important; }
#Maarten-daf-go { font-size: 16px !important; padding: 14px 28px !important; cursor: pointer !important; border: 1px solid var(--gold-main) !important; }
.Maarten-daf-item.is-locked { opacity: 0.45 !important; cursor: not-allowed !important; }
.Maarten-daf-item.is-locked input,
.Maarten-daf-item.is-locked label { cursor: not-allowed !important; }
.Maarten-daf-lock-note {
    font-family: 'Outfit', sans-serif !important; font-size: 14px !important;
    color: #8a6d3b !important; background: #fcf8e3 !important;
    border: 1px solid #faebcc !important; border-radius: 6px !important;
    padding: 12px 16px !important; margin-top: 15px !important;
    display: none !important;
}
.Maarten-daf-lock-note.is-open { display: block !important; }
.Maarten-fake-radio {
    width: 18px !important; height: 18px !important; border-radius: 50% !important;
    border: 2px solid #8fa8b0 !important; flex-shrink: 0 !important;
    position: relative !important; box-sizing: border-box !important;
}
.Maarten-daf-item.Maarten-pay-active .Maarten-fake-radio { border-color: var(--teal-main) !important; }
.Maarten-daf-item.Maarten-pay-active .Maarten-fake-radio::after {
    content: '' !important; position: absolute !important; inset: 3px !important;
    border-radius: 50% !important; background: var(--teal-main) !important;
}
.Maarten-daf-item:focus-visible { outline: 2px solid var(--teal-main) !important; outline-offset: 2px !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);
        }

        // --- 3b. OTHER AMOUNT CARD SHELL ---
        if (!document.getElementById('Maarten-wrap-other')) {
            const membersContainer = customUI.querySelector('.Maarten-members-container');
            if (membersContainer) {
                const otherRow = document.createElement('div');
                otherRow.className = 'Maarten-other-amount-row';
                otherRow.innerHTML = `
                    <div class="Maarten-other-card-wrap stagger-reveal-container">
                        <div class="card-base reveal-line-inner" id="Maarten-other-card">
                            <div class="Maarten-other-field">
                                <span class="Maarten-other-currency">$</span>
                                <span id="Maarten-wrap-other"></span>
                            </div>
                            <span class="Maarten-other-label-text">Other Amount</span>
                        </div>
                    </div>
                `;
                membersContainer.insertAdjacentElement('afterend', otherRow);
            }
        }

        // --- 4. MOVE NATIVE FIELDS INTO CUSTOM WRAPPERS ---
        // NOTE: id_1 / id_3 (the amount checkboxes) are deliberately NOT moved. They stay in the
        // native <ul> so ChabadOne's pricing engine can total them and create the Stripe PaymentIntent.
        const moveMap = {
            'id_14': 'Maarten-wrap-other',
            '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';

        // --- 5. AMOUNT CARDS: PROXY LABELS DRIVING THE NATIVE CHECKBOXES (which stay in place) ---
        const AMOUNT_INPUTS_SEL = '#cid_1 input[type="checkbox"], #cid_3 input[type="checkbox"]';

        function fireNativeChange(input) {
            input.dispatchEvent(new Event('change', { bubbles: true }));
            input.dispatchEvent(new Event('click',  { bubbles: true }));
        }

        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 (monthlyCheckbox.checked !== isMonthly) {
                monthlyCheckbox.checked = isMonthly;
                fireNativeChange(monthlyCheckbox);
            }
        }

        function getCheckedAmountInput() {
            return document.querySelector('#cid_1 input[type="checkbox"]:checked, #cid_3 input[type="checkbox"]:checked');
        }

        // Keep every card's .selected in sync with the real checkbox state
        function syncCardStates() {
            document.querySelectorAll('.Maarten-native-amount-wrapper[data-for]').forEach(wrap => {
                const input = document.getElementById(wrap.dataset.for);
                const card  = wrap.querySelector('.card-base');
                if (card) card.classList.toggle('selected', !!(input && input.checked));
            });
        }

        function updateTotalDisplay() {
            const totalDisplay = document.getElementById('Maarten-total-output');
            if (!totalDisplay) return;
            const checked = getCheckedAmountInput();
            if (checked) {
                const parts = checked.value.split(' ');
                const isMember = !!checked.closest('#cid_3');
                const periodStr = isMember && parts[1] ? ' ' + parts[1].toLowerCase() : '';
                totalDisplay.textContent = formatCurrencyDisplay(parts[0]) + periodStr;
                return;
            }
            const other = document.getElementById('input_14');
            const raw = other ? String(other.value).trim() : '';
            totalDisplay.textContent = (raw !== '' && parseFloat(raw) > 0) ? formatCurrencyDisplay(raw) : '$0';
        }

        function buildTierProxies(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 inputs = sourceContainer.querySelectorAll('input[type="checkbox"]');

            inputs.forEach((input, index) => {
                const fullText = input.value;

                const wrap = document.createElement('div');
                wrap.className = 'Maarten-native-amount-wrapper';
                wrap.dataset.for = input.id;

                // A real <label for> toggles the native checkbox with a trusted click,
                // so ChabadOne's own handlers fire exactly as if the donor clicked the native box.
                const label = document.createElement('label');
                label.className = 'card-label-wrapper stagger-reveal-container';
                label.setAttribute('for', input.id);

                const radioSvg = `
                    <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>`;

                if (type === 'sustainers') {
                    label.innerHTML = `<div class="card-base reveal-line-inner">${radioSvg}<span class="amount-text-main">${fullText}</span></div>`;
                    if (index === 4) wrap.classList.add('Maarten-tier-card-wrap-centered');
                    wrap.appendChild(label);
                    sustainersGrid.appendChild(wrap);
                } else {
                    const parts = fullText.split(' ');
                    label.innerHTML = `
                        <div class="card-base reveal-line-inner">${radioSvg}
                            <div class="member-info-content">
                                <span class="member-amount-val">${parts[0] || ''}</span>
                                <span class="member-label-text">${parts[1] || ''}</span>
                            </div>
                        </div>`;
                    wrap.appendChild(label);
                    ((index % 2 === 0) ? col1 : col2).appendChild(wrap);
                }

                input.addEventListener('change', () => {
                    if (input.checked) {
                        // Single selection across BOTH questions — deselect via real events so the engine hears it
                        document.querySelectorAll(AMOUNT_INPUTS_SEL).forEach(cb => {
                            if (cb !== input && cb.checked) {
                                cb.checked = false;
                                fireNativeChange(cb);
                            }
                        });
                        clearOtherAmount();
                        syncMonthlyRecurring(fullText);
                    } else if (!getCheckedAmountInput()) {
                        syncMonthlyRecurring('');
                    }
                    syncCardStates();
                    updateTotalDisplay();
                });
            });
        }

        buildTierProxies('cid_1', 'sustainers');
        buildTierProxies('cid_3', 'members');

        // --- 5b. OTHER AMOUNT BEHAVIOR ---
        const otherInput = document.getElementById('input_14');
        const otherCard  = document.getElementById('Maarten-other-card');

        function clearOtherAmount() {
            if (!otherInput) return;
            if (otherInput.value !== '') {
                otherInput.value = '';
                otherInput.dispatchEvent(new Event('input',  { bubbles: true }));
                otherInput.dispatchEvent(new Event('change', { bubbles: true }));
            }
            if (otherCard) otherCard.classList.remove('selected');
        }

        if (otherInput && otherCard) {
            otherCard.addEventListener('click', (e) => {
                if (e.target !== otherInput) otherInput.focus();
            });

            otherInput.addEventListener('input', () => {
                const raw = otherInput.value.trim();
                const hasVal = raw !== '' && parseFloat(raw) > 0;

                if (hasVal) {
                    document.querySelectorAll(AMOUNT_INPUTS_SEL).forEach(cb => {
                        if (cb.checked) {
                            cb.checked = false;
                            fireNativeChange(cb);
                        }
                    });
                    otherCard.classList.add('selected');
                    syncMonthlyRecurring('');
                } else {
                    otherCard.classList.remove('selected');
                }
                syncCardStates();
                updateTotalDisplay();
            });

            // Let the engine see a committed value when the donor tabs/clicks away
            otherInput.addEventListener('blur', () => {
                otherInput.dispatchEvent(new Event('change', { bubbles: true }));
            });
        }

        // Initial state (e.g. browser restored a selection)
        syncCardStates();
        updateTotalDisplay();
        const initialChecked = getCheckedAmountInput();
        if (initialChecked) setTimeout(() => syncMonthlyRecurring(initialChecked.value), 0);

        // --- 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');
            });
        });

        // --- 6b. DAF HANDOFF ---
        const MAARTEN_DONATE_URL = 'https://www.jewishsxm.com/templates/donate_cdo/aid/4970020/jewish/Donate.htm';

        function MaartenCurrentAmount() {
            const checked = getCheckedAmountInput();
            if (checked) {
                const parts = checked.value.split(' ');
                return {
                    amount: parts[0].replace(/[^0-9.]/g, ''),
                    period: (parts[1] || '').toLowerCase(),
                    monthly: /monthly/i.test(checked.value)
                };
            }
            const other = document.getElementById('input_14');
            const raw = other ? String(other.value).trim().replace(/[^0-9.]/g, '') : '';
            return { amount: raw, period: '', monthly: false };
        }

        function MaartenHasAmount() {
            const a = MaartenCurrentAmount().amount;
            return !!a && parseFloat(a) > 0;
        }

        function MaartenCollectDonor() {
            const g = id => document.getElementById(id);
            const v = el => (el && el.value ? String(el.value).trim() : '');
            const sel = MaartenCurrentAmount();
            return {
                amount:    sel.amount,
                period:    sel.period,
                monthly:   sel.monthly,
                firstName: v(g('first_5')),
                lastName:  v(g('last_5')),
                email:     v(g('input_6')),
                phone:     v(g('input_8_full')),
                address:   v(g('input_9_addr_line1')),
                address2:  v(g('input_9_addr_line2')),
                city:      v(g('input_9_city')),
                state:     v(g('input_9_state')),
                zip:       v(g('input_9_postal')),
                country:   v(g('input_9_country')),
                subtype:   'Lighthouse Sustainers',
                stamp:     Date.now()
            };
        }

        const payCell = document.querySelector('#cid_12 td.form-payment-methods');
        const payWrap = document.getElementById('Maarten-wrap-payment');

        if (payCell && payWrap) {
             const dafItem = document.createElement('span');
            dafItem.className = 'form-radio-item Maarten-daf-item';
            dafItem.setAttribute('role', 'radio');
            dafItem.setAttribute('aria-checked', 'false');
            dafItem.tabIndex = 0;
            dafItem.innerHTML = `
                <span class="Maarten-fake-radio" aria-hidden="true"></span>
                <label>Donor Advised Fund</label>
            `;
            payCell.appendChild(dafItem);

            let dafChecked = false;

            const panel = document.createElement('div');
            panel.className = 'Maarten-daf-panel';
            panel.id = 'Maarten-daf-panel';
            panel.innerHTML = `
                <p class="Maarten-daf-copy">
                    You'll be taken to our secure donation page with your details already filled in,
                    where you can complete your gift through your Donor Advised Fund.
                </p>
                <div class="Maarten-daf-error" id="Maarten-daf-error"></div>
                <button type="button" class="Maarten-btn-gold" id="Maarten-daf-go">
                    Continue with Donor Advised Fund
                </button>
            `;
            payWrap.appendChild(panel);

            const lockNote = document.createElement('div');
            lockNote.className = 'Maarten-daf-lock-note';
            lockNote.textContent = 'Please choose an amount above to give through a Donor Advised Fund.';
            payWrap.appendChild(lockNote);

            function MaartenHideNativePayRows() {
                document.querySelectorAll('#cid_12 tr.credit_card, #cid_12 tr.paypal, #cid_12 tr.other, #cid_12 tr.billing_address')
                    .forEach(tr => tr.classList.add('hide'));
            }

                        function MaartenSetDafMode(on) {
                dafChecked = on;
                dafItem.setAttribute('aria-checked', String(on));
                panel.classList.toggle('is-open', on);
                dafItem.classList.toggle('Maarten-pay-active', on);

                const submitLi = document.getElementById('id_2');
                if (submitLi) {
                    if (on) submitLi.style.setProperty('display', 'none', 'important');
                    else submitLi.style.removeProperty('display');
                }

                if (on) {
                    document.querySelectorAll('#cid_12 input.paymentMethod').forEach(r => { r.checked = false; });
                    document.querySelectorAll('#cid_12 .form-radio-item').forEach(i => {
                        if (i !== dafItem) i.classList.remove('Maarten-pay-active');
                    });
                    MaartenHideNativePayRows();
                }
            }

            function MaartenSyncDafAvailability() {
                const ok = MaartenHasAmount();
                dafItem.classList.toggle('is-locked', !ok);
                if (!ok && dafChecked) MaartenSetDafMode(false);
                if (ok) lockNote.classList.remove('is-open');
            }

            function MaartenSelectDaf() {
                if (!MaartenHasAmount()) {
                    lockNote.classList.add('is-open');
                    lockNote.scrollIntoView({ behavior: 'smooth', block: 'center' });
                    return;
                }
                MaartenSetDafMode(true);
            }

            dafItem.addEventListener('click', MaartenSelectDaf);
            dafItem.addEventListener('keydown', (e) => {
                if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); MaartenSelectDaf(); }
            });

            document.querySelectorAll('#cid_12 input.paymentMethod').forEach(r => {
                r.addEventListener('change', () => { if (r.checked) MaartenSetDafMode(false); });
            });

            document.querySelectorAll(AMOUNT_INPUTS_SEL).forEach(cb => cb.addEventListener('change', MaartenSyncDafAvailability));
            if (otherInput) otherInput.addEventListener('input', MaartenSyncDafAvailability);
            MaartenSyncDafAvailability();

            document.getElementById('Maarten-daf-go').addEventListener('click', () => {
                const data = MaartenCollectDonor();
                const err = document.getElementById('Maarten-daf-error');
                const missing = [];
                if (!data.amount || parseFloat(data.amount) <= 0) missing.push('an amount');
                if (!data.firstName) missing.push('your first name');
                if (!data.lastName)  missing.push('your last name');
                if (!data.email)     missing.push('your email');

                if (missing.length) {
                    err.textContent = 'Please add ' + missing.join(', ') + ' before continuing.';
                    err.style.display = 'block';
                    return;
                }
                err.style.display = 'none';

                try {
                    sessionStorage.setItem('MaartenLighthouseDaf', JSON.stringify(data));
                } catch (e) {
                    console.warn('[Maarten] sessionStorage unavailable', e);
                }
                window.location.href = MAARTEN_DONATE_URL + '#lighthouse-daf';
            });
        }

        // --- 7. SCROLL REVEALS ---
        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.querySelectorAll('.reveal-line-inner').forEach((line, index) => {
                        setTimeout(() => line.classList.add('is-visible'), index * 300);
                    });
                    entry.target.querySelectorAll('.slide-reveal-right').forEach((img, index) => {
                        setTimeout(() => img.classList.add('is-visible'), index * 300);
                    });
                    obs.unobserve(entry.target);
                }
            });
        }, { root: null, rootMargin: '0px 0px -10% 0px', threshold: 0.1 });

        document.querySelectorAll('.stagger-reveal-container').forEach(c => observer.observe(c));

        console.log('[Maarten] Done.');
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', runMaarten);
    } else {
        runMaarten();
    }
})();
</script>
</body>
</html>