<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1235/ZIjf12352137.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Where,To,Stay?" />
<meta name="title" content="Where To Stay? - Chabad of St. Maarten/Martin" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="995650-995658-1124816-4858815-6614449" />
<meta name="article-keywords" content="23368-8495-2170-2898-20962" />
<meta name="scope-aid" content="995650" />
<meta name="scope-aid" content="995658" />
<meta name="scope-aid" content="1124816" />
<meta name="scope-aid" content="4858815" />
<meta name="scope-aid" content="6614449" />
<meta name="article-keyword" content="23368" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.jewishsxm.com/templates/articlecco_cdo/aid/6614449/jewish/Where-To-Stay.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Where To Stay? - Chabad of St. Maarten/Martin" /><link rel="canonical" href="https://www.jewishsxm.com/templates/articlecco_cdo/aid/6614449/jewish/Where-To-Stay.htm" />
<link rel="icon" type="image/png" href="https://www.jewishsxm.com/media/images/1235/ZIjf12352137.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=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"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2024-10-02","primaryArticleId":6614449,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Events & Holidays","contentLevel3":"Sukkot","contentLevel4":"Where To Stay?","siteName":"Chabad of St. Maarten/Martin"},"time":{"upcomingHoliday":"Shemini Atzeret &amp; Simchat Torah","daysToUpcomingHoliday":383,"hebrewDate":"5787-07-24"}});
		dataLayer.push({ 'articleHierarchy': '-995650-995658-1124816-4858815-6614449-', 'keywords': '-k20962-k2898-k2170-k8495-k23368-', 'k': '-995650-995658-1124816-4858815-6614449--k20962-k2898-k2170-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>
	Where To Stay? - Chabad of St. Maarten/Martin
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.Jewishsxm.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of St. Maarten/Martin</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->

<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<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">
<a href="/article.asp?aid=4858815" class="parent">Home</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=6614449" class="parent selected">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"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Where To Stay?</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2024-10-02T05:36:13" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of St. Maarten/Martin" />
	<meta itemprop="brand" content="Chabad of St. Maarten/Martin" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1235/ZIjf12352137.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2024-10-02T05:36:13" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p style="text-align: center;">
<strong> Recommended Resorts &amp; Accommodations</strong></p>

<p style="text-align: center;">Hilton Vacation Club Flamingo Beach Resort:<br>
(Within a twenty minute walk to the Chabad Center)</p>

<p style="text-align:center">
<a href="https://www.hilton.com/en/book/reservation/deeplink/?&amp;ctyhocn=SXMFLGV&amp;corporateCode=3368695">
<img alt="" height="150" src="https://w2.chabad.org/media/images/1229/HBhF12298110.png" width="300"></a></p>

<p style="text-align: center;"><br>
Hilton Vacation Club Royal Palm Beach:<br>
(Within a twenty minute walk to the Chabad Center)</p>

<p style="text-align:center">
<a href="https://www.hilton.com/en/book/reservation/deeplink/?&amp;ctyhocn=SXMROGV&amp;corporateCode=3368695">
<img alt="" height="150" src="https://w2.chabad.org/media/images/1229/HBhF12298110.png" width="300"></a></p>

<p style="text-align: center;">Other Hotels within a twenty minute walk to the Chabad Center are  the Atrium Resort, Simpson Bay Resort, Air B &amp; Bs in the area.</p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->

</div>  
<div 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%2farticlecco_cdo%2faid%2f6614449%2fjewish%2fWhere-To-Stay.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=Where+To+Stay%3f+-+Chabad+of+St.+Maarten%2fMartin&amp;url=https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f6614449%2fjewish%2fWhere-To-Stay.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=Where+To+Stay%3f+-+Chabad+of+St.+Maarten%2fMartin https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f6614449%2fjewish%2fWhere-To-Stay.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.jewishsxm.com%2ftemplates%2farticlecco_cdo%2faid%2f6614449%2fjewish%2fWhere-To-Stay.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Where+To+Stay%3f+-+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, 4858815);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/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/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     = '6614449';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>