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