<!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/1240/kKWp12408927.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="Glossary,of,Terms" />
<meta name="title" content="Glossary of Terms - Chabad of Port Orange" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="5957805-5957813-5972128-6226808-6993434-6993461-6993466" />
<meta name="article-keywords" content="19478-19479-19958-20962-8495-8972-18927-19353-19480-2170-2898-2471-537-6939-31567-32228-63" />
<meta name="scope-aid" content="5957805" />
<meta name="scope-aid" content="5957813" />
<meta name="scope-aid" content="5972128" />
<meta name="scope-aid" content="6226808" />
<meta name="scope-aid" content="6993434" />
<meta name="scope-aid" content="6993461" />
<meta name="scope-aid" content="6993466" />
<meta name="article-keyword" content="19478" />
<meta name="article-keyword" content="19479" />
<meta name="article-keyword" content="19958" />
<meta name="article-keyword" content="20962" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8972" />
<meta name="article-keyword" content="18927" />
<meta name="article-keyword" content="19353" />
<meta name="article-keyword" content="19480" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="2471" />
<meta name="article-keyword" content="537" />
<meta name="article-keyword" content="6939" />
<meta name="article-keyword" content="31567" />
<meta name="article-keyword" content="32228" />
<meta name="article-keyword" content="63" />
<meta property="og:url" content="https://www.chabadportorange.com/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Glossary of Terms - Chabad of Port Orange" /><link rel="canonical" href="https://www.chabadportorange.com/" />
<link rel="icon" type="image/png" href="https://www.chabadportorange.com/media/images/1240/kKWp12408927.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=A6ADC6CE" 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/cco/minisites/themes/plannedgiving/styles.css?v=1F9C44F5" id="k19353" 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/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":"2025-08-13","primaryArticleId":2569766,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"About","contentLevel3":"PARTNERSHIP","contentLevel4":"Planned Giving","contentLevel5":"Resources","contentLevel6":"Glossary of Terms","siteName":"Chabad of Port Orange"},"time":{"upcomingHoliday":"Shavuot","daysToUpcomingHoliday":9,"hebrewDate":"5786-02-26"}});
		dataLayer.push({ 'articleHierarchy': '-5957805-5957813-5972128-6226808-6993434-6993461-6993466-', 'keywords': '-k63-k32228-k31567-k6939-k537-k2471-k2898-k2170-k19480-k19353-k18927-k8972-k8495-k20962-k19958-k19479-k19478-', 'k': '-5957805-5957813-5972128-6226808-6993434-6993461-6993466--k63-k32228-k31567-k6939-k537-k2471-k2898-k2170-k19480-k19353-k18927-k8972-k8495-k20962-k19958-k19479-k19478-' });
	
</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 = 12893262;var sc_partition = 72;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "a139dcbe";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c73.statcounter.com/counter.php?sc_project=12893262&amp;java=0&amp;security=a139dcbe&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">







<style>
@import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap');
.promo_slider .cycle-caption p>s.wrapper.header-wrapper {
    background-color: #C9CEE6 !important;
}pan{word-break: unset !important;
}

.hp-table .hp-row-first .promo_slider .slider .cycle-caption p{    max-width: 100% !important;}

.branding-search #header_branding.logo img {
    height: 9rem !important;
}

body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent{ color: #000076 !important;}

#header.on-scroll{ background: #C9CEE6 !important;}

.co_submenu_container {
    opacity: 1 !important;
}

.co_menu_item span.parent {
    font-family: 'Anek Devanagari', sans-serif !important;
}

/* Hide the top navigation bar */
#header_container .links {
    display: none !important;
}

/* Make the main navigation container stick to the right */
#co_menu_container_wrapper,
#co_menu_container {
    margin-left: auto !important;
    /* Pushes the container to the right */
    display: flex;
    /* Enable flexbox for alignment */
    justify-content: flex-end;
    /* Align content to the end */
    width: auto !important;
    /* Allow width to shrink to content */
}

/* Ensure the table within the menu container also aligns right */
.main_menu_container.first.global {
    margin-left: auto !important;
}

/* Apply Anek Devanagari font to main navigation items */
.main_menu_container .co_menu_item .parent a,
.main_menu_container .co_menu_item .parent div,
.main_menu_container .co_menu_item .parent span {
    font-family: 'Anek Devanagari', sans-serif !important;
}

/* Also apply Anek Devanagari font to the custom donate button */
.custom-donate-button {
    font-family: 'Anek Devanagari', sans-serif !important;
}

.hp-table .hp-row-first .promo_slider .slider .cycle-caption big{color: white !important;
font-family: 'DM Serif Display', serif !important;
font-weight: 400 !important;}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore{
border: unset !important;
font-family: 'Anek Devanagari', sans-serif !important;
    background-color: #6B7BC0 !important;
    border-radius: 12px !important;
    height: 40px !important;
      padding-top: 50px !important;
     display: inline-flex !important;
     align-items: flex-end;
}
.hp-table>:nth-of-type(2n) {
    background: #E8EAF2 !important;
}
.sneak-peek-item .widget-1.sneak_peek .wrapper {
        overflow: hidden !important;
        border-radius: 20px !important;
    }
h5, .chabad_updates .widget_header.widget_header h5, [class*=widget-] .widget_header.widget_header h5,#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(3) > div > div > div.widget_header > h5,.header-title {
    color: #000076 !important;
font-weight: 400 !important;
font-family: 'DM Serif Display', serif !important;
}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(4) > div > div > div.widget_header > h5,.sneak-peek-item .title_only a {
    font-family: 'DM Serif Display', serif !important;
font-weight: 400 !important;
}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(3) {
    background: #C9CEE6 !important;
}
.icon .widget_content .item .title a{font-family: 'Anek Devanagari', sans-serif !important;
font-weight: 500 !important;
}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(3) > div > div > div.widget_content.index_format > div.item.first.clearfix > div.title > a,#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(3) > div > div > div.widget_content.index_format > div:nth-child(5) > div.title > a{ color: #364792 !important;}

#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(3) > div > div > div.widget_content.index_format > div:nth-child(3) > div.title > a { color: #5064BC !important;}
.icon .widget_content .item .icon img{ filter: unset !important;}

.message .wrapper .widget_content.message_format div {
font-family: 'Anek Devanagari', sans-serif !important;
    font-weight: 300 !important;
}
.message .wrapper .widget_content .readMore{
border-radius: 7px !important;
background-color: #6B7BC0 !important;
    border: unset !important;
}

.message .wrapper .widget_content .readMore {
font-family: 'Anek Devanagari', sans-serif !important;
font-weight: 700 !important;
color: white !important;
height: 34px !important;}

#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(4) > div > div > div.widget_header > h5{ color: #000076 !important;}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5) { background-color: #C8CEE6 !important;}

/* Apply Anek Devanagari to specific H5 elements */
.widget-4.upcoming_events .widget_header h5,
.widget-4.candlelighting .widget_header h5,
.widget-4.daily_thought .widget_header h5 {
    font-family: 'Anek Devanagari', sans-serif !important;
color: #1E2634 !important;
}

/* Styles for Upcoming Events section */
.upcoming_events .widget_content small {
    color: #666 !important; /* Lighter grey */
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    font-weight: 400 !important; /* Regular weight */
}

.upcoming_events .widget_content h6 a {
    font-family: 'Anek Devanagari', serif !important; /* Apply DM Serif Display */
    color: #333 !important; /* Darker grey/black */
    font-weight: 400 !important; /* Not bold */
}

.upcoming_events .readMore {
    font-family: 'Anek Devanagari', sans-serif !important;
    background-color: #4682B4 !important; /* Dark blue/purple from image */
    color: white !important;
    font-weight: 700 !important; /* Bold */
}

/* Styles for Shabbat & Holidays section */
.candlelighting_content .large_left_margin.uppercase.bold.section_heading,
.parsha_content .medium_left_margin.uppercase.bold.section_heading,
.upcomingholiday_content .medium_left_margin.uppercase.bold.section_heading {
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    color: #333 !important; /* Darker grey/black */
    font-weight: 700 !important; /* Bold */
}

.candlelighting_content .bold.large,
.parsha_content .bold.large,
.upcomingholiday_content .bold.large {
    font-family: 'Anek Devanagari', serif !important; /* Apply DM Serif Display */
    color: #364792 !important; /* Darker grey/black */
    font-weight: 700 !important; /* Not bold */
}

.candlelighting_content a,
.parsha_content a,
.upcomingholiday_content a {
    color: #4682B4 !important; /* Dark blue/purple */
}

.candlelighting_content .when_to_light {
    color: #666 !important; /* Lighter grey */
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    font-weight: 400 !important; /* Regular weight */
}

/* Styles for Daily Thought section */
.daily_thought .widget_content .item .title a {
    font-family: 'DM Serif Display', serif !important; /* Apply DM Serif Display */
    color: #333 !important; /* Darker grey/black */
    font-weight: 400 !important; /* Not bold */
}

.daily_thought .widget_content .item .body {
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    color: #666 !important; /* Lighter grey */
    font-weight: 400 !important; /* Regular weight */
}
/* Background color for the entire mailing list section */
.hp-row.hp_subscribe {
    background: #6B7BC0 !important; /* Blue from the image */
}

/* Header styling for "Join our mailing list" */
.hp-row.hp_subscribe .widget_header h5 {
    font-family: 'DM Serif Display', serif !important;
    color: #2F3C4D !important; /* Dark blue/purple from the image */
    font-weight: 400 !important; /* Regular weight for DM Serif Display */
}

/* Input fields styling */
.hp-row.hp_subscribe .widget_content input[type="text"],
.hp-row.hp_subscribe .widget_content input[type="email"] {
    background-color: #AAB3D9 !important; /* Lighter blue for input backgrounds */
    color: #2F3C4D !important; /* Dark blue/purple for input text */
    font-family: 'Anek Devanagari', sans-serif !important;
    font-weight: 400 !important; /* Regular weight */
    border: none !important; /* Remove default border */
}

/* Placeholder text color for inputs */
.hp-row.hp_subscribe .widget_content input::placeholder {
    color: #2F3C4D !important; /* Dark blue/purple for placeholders */
    opacity: 0.7 !important; /* Adjust opacity for visibility */
}

/* Subscribe button styling */
.hp-row.hp_subscribe .widget_content input[type="submit"] {
    background: #2F3C4D !important; /* Dark blue/purple for button background */
    color: white !important;
    font-family: 'Anek Devanagari', sans-serif !important;
    font-weight: 700 !important; /* Bold weight */
    border: none !important; /* Remove default border */
}

/* Small text below the button */
.hp-row.hp_subscribe .widget_content small {
    font-family: 'Anek Devanagari', sans-serif !important;
    color: #E0E0E0 !important; /* Light grey for small text */
    font-weight: 400 !important; /* Regular weight */
}
.hp_content_wrapper .readMore {
    border: unset !important;
border-radius: 5px !important;}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(7){ background-color: #C8CEE6 !important;}

#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(7) > div > div > div.widget_header > h5{ font-family: 'DM Serif Display', sans-serif !important;
color: #000076 !important;
font-weight: 400 !important;}



@media (max-width: 768px){
.branding-search #header_branding.logo img {display:none !important;}
.site-nav-wrapper{background-color: #C9CEE6 !important;}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore { height: 36px !important;
padding-top: 40px !important;}

}

body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent a
 {
    color: #000076 !important;
}

#BodyContainer .no-hero-image #co_content_container .master-content-wrapper.master-content-wrapper .article-header .article-header__title{
    color: #000076 !important;
    font-weight: 400 !important;
    font-family: 'DM Serif Display', serif !important;
}

.upcoming_events .readMore:hover,.message .wrapper .widget_content .readMore:hover,.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore:hover {
    background-color: #594ab5 !important;
    transform: translateY(-2px);
}
</style>


<script>
(function() {
    // --- CONFIGURATION ---
    const WEB_APP_URL = "https://script.google.com/macros/s/AKfycbwe4vbijg_IrBwlxbkQuLsNxdu6jO3NYwujNHm2qIaOm-Up-1l2t9LcpbeuOsSFw0e1/exec";
    const TARGET_URL_PART = "Templates/ArticleCcoResponse_cdo/aid/7182241";

    window.addEventListener('load', function() {
        // Check URL
        if (window.location.href.indexOf(TARGET_URL_PART) > -1) {
            console.log("Confirmation page detected. Waiting for table...");
            
            // Delay to ensure table is rendered
            setTimeout(function() {
                const table = document.querySelector('.response_table');
                
                if (!table) {
                    console.error("❌ ERROR: Could not find table with class '.response_table'");
                    return;
                }

                let payload = {
                    dedication: "",
                    firstName: "",
                    lastName: "",
                    amount: 0,
                    submissionId: ""
                };

                const rows = table.querySelectorAll('tr');
                rows.forEach(row => {
                    const cells = row.querySelectorAll('td');
                    if (cells.length >= 2) {
                        // Clean up label text (remove extra spaces)
                        const label = cells[0].innerText.replace(/\s+/g, ' ').trim(); 
                        const value = cells[1].innerText.trim();

                        if (label.includes("Dedication Opportunities")) payload.dedication = value;
                        if (label.includes("First Name")) payload.firstName = value;
                        if (label.includes("Last Name")) payload.lastName = value;
                        if (label.includes("Submission Id")) payload.submissionId = value;

                        // --- CHANGE IS HERE ---
                        // Only take "Select Donation Amount", ignore "Paid" or "Total"
                        if (label.includes("Select Donation Amount")) {
                            // Remove '$' and ',' to get a raw number (e.g. "$1,000" -> "1000")
                            payload.amount = value.replace(/[^0-9.]/g, '');
                        }
                    }
                });

                console.log("🔍 Scraped Payload:", payload);

                // --- DUPLICATE CHECK ---
                const storageKey = "donation_sent_" + payload.submissionId;
                if (localStorage.getItem(storageKey)) {
                    console.warn("⚠️ STOPPING: This donation (" + payload.submissionId + ") was already processed.");
                    return;
                }

                // --- SENDING ---
                if (payload.amount && payload.submissionId) {
                    console.log("🚀 Sending data to Google Sheet...");
                    
                    fetch(WEB_APP_URL, {
                        method: "POST",
                        body: JSON.stringify(payload)
                    })
                    .then(res => res.json())
                    .then(data => {
                        console.log("✅ SUCCESS: Donation recorded.");
                        localStorage.setItem(storageKey, "true");
                    })
                    .catch(err => console.error("❌ NETWORK ERROR:", err));
                } else {
                    console.error("❌ DATA MISSING: Could not find 'Select Donation Amount' or 'Submission Id'.");
                }

            }, 2000); // 2 second delay
        }
    });
})();
</script><script>
// SCRIPT 1: STATIC SETUP
document.addEventListener('DOMContentLoaded', () => {
    const CONFIG = {
        DESKTOP_BREAKPOINT: 768,
        HEADER_OUTER_SELECTOR: '#header_outer',
        HEADER_BRANDING_ID: 'header_branding',
        LOGO_URL_ORIGINAL: 'https://chabadportorange.com/media/images/1329/LRaT13292029.png',
        LOGO_ALT_TEXT: 'Chabad of Port Orange Logo',
        DONATE_BUTTON_ORIGINAL_SELECTOR: 'td.co_menu_item.donate_link',
        DONATE_BUTTON_ICON_URL: 'https://chabadportorange.com/media/images/1329/igwP13292036.png',
    };

    /**
     * Injects all necessary CSS styles into the document's <head>.
     */
    const injectStyles = () => {
        // Avoid injecting styles more than once
        if (document.getElementById('custom-header-styles')) return;

        const customStyles = document.createElement('style');
        customStyles.id = 'custom-header-styles';
        customStyles.textContent = `
            #${CONFIG.HEADER_BRANDING_ID} img {
                max-width: 100%; height: auto; transition: all 0.3s ease-in-out;
            }
            #${CONFIG.HEADER_OUTER_SELECTOR}.scrolled-header {
                background-color: #ffffff !important;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                transition: background-color 0.3s ease, box-shadow 0.3s ease;
            }
            .custom-donate-button {
                display: inline-flex; align-items: center; justify-content: center;
                background-color: #6A5ACD; color: white; padding: 10px 20px;
                margin-left: 10px; border-radius: 8px;
                font-family: 'Anek Devanagari', sans-serif !important; font-weight: bold;
                text-decoration: none; min-width: 120px; box-sizing: border-box;
                transition: background-color 0.2s ease, transform 0.2s ease;
                color: white !important;
            }
            .custom-donate-button:hover {
                background-color: #594ab5; transform: translateY(-1px);
            }
            .custom-donate-button img {
                width: 20px; height: 18px; margin-right: 8px; vertical-align: middle;
            }
        `;
        document.head.appendChild(customStyles);
    };

    /**
     * Replaces the default donate link with a custom-styled button.
     */
    const initializeDonateButton = () => {
        const originalDonateTd = document.querySelector(CONFIG.DONATE_BUTTON_ORIGINAL_SELECTOR);
        if (!originalDonateTd) {
            console.warn('Donate button element not found.');
            return;
        }
        const originalHref = originalDonateTd.querySelector('a')?.getAttribute('href') || '#';
        const newDonateTd = document.createElement('td');
        newDonateTd.className = 'co_menu_item custom-donate-button-container';
        newDonateTd.innerHTML = `
            <a href="${originalHref}" class="custom-donate-button">
                <img src="${CONFIG.DONATE_BUTTON_ICON_URL}" alt="Heart icon">
                <span>DONATE</span>
            </a>
        `;
        originalDonateTd.replaceWith(newDonateTd);
        console.log('Custom donate button initialized.');
    };

    /**
     * Replaces the original logo with the new one on desktop only.
     */
    const initializeDesktopLogo = () => {
        const headerBranding = document.getElementById(CONFIG.HEADER_BRANDING_ID);
        if (!headerBranding) {
            console.warn('Header branding element not found.');
            return;
        }
        headerBranding.outerHTML = `
            <div id="${CONFIG.HEADER_BRANDING_ID}" class="no_outline logo">
                <a href="/">
                    <img src="${CONFIG.LOGO_URL_ORIGINAL}" alt="${CONFIG.LOGO_ALT_TEXT}">
                </a>
            </div>
        `;
        console.log('Desktop logo replaced.');
    };

    // --- EXECUTION ---
    injectStyles();
    initializeDonateButton();
    if (window.innerWidth > CONFIG.DESKTOP_BREAKPOINT) {
        initializeDesktopLogo();
    }
});
</script><script>
// SCRIPT 2 (FINAL): SCROLL EFFECTS
document.addEventListener('DOMContentLoaded', () => {

    const CONFIG = {
        DESKTOP_BREAKPOINT: 768,
        LOGO_IMG_SELECTOR: '#header_branding img',
        SCROLL_THRESHOLD: 50,
        LOGO_URL_SCROLLED: 'https://chabadportorange.com/media/images/1329/kdoY13292985.png',
    };

    /**
     * Finds elements and attaches scroll event listeners.
     */
    const initializeScrollEffects = () => {
        const logoImage = document.querySelector(CONFIG.LOGO_IMG_SELECTOR);
        if (!logoImage) {
            console.error("SCROLL SCRIPT ERROR: The logo image was not found with selector:", CONFIG.LOGO_IMG_SELECTOR);
            return;
        }

        // --- NEW LOGIC ---
        // Find the header container by moving up from the logo's position.
        const brandingSearchDiv = logoImage.closest('.branding-search');
        if (!brandingSearchDiv) {
            console.error("SCROLL SCRIPT ERROR: Could not find the '.branding-search' container around the logo.");
            return;
        }
        
        const headerContainer = brandingSearchDiv.parentElement;
        if (!headerContainer) {
            console.error("SCROLL SCRIPT ERROR: Could not find the parent element of the '.branding-search' div.");
            return;
        }

        const originalLogoSrc = logoImage.src;

        const handleScroll = () => {
            const isScrolled = window.scrollY > CONFIG.SCROLL_THRESHOLD;
            logoImage.src = isScrolled ? CONFIG.LOGO_URL_SCROLLED : originalLogoSrc;
            headerContainer.classList.toggle('scrolled-header', isScrolled);
        };

        window.addEventListener('scroll', handleScroll);
        handleScroll(); // Run once on load
        console.log('Scroll effects initialized successfully on:', headerContainer);
    };

    /**
     * Waits for the logo element to be created by Script 1 before running.
     */
    const waitForLogoAndInit = () => {
        let attempts = 0;
        const maxAttempts = 50; // 50 attempts * 100ms = 5 seconds
        const intervalId = setInterval(() => {
            const logo = document.querySelector(CONFIG.LOGO_IMG_SELECTOR);
            
            if (logo) {
                clearInterval(intervalId);
                initializeScrollEffects();
            } else if (attempts >= maxAttempts) {
                clearInterval(intervalId);
                console.error("SCROLL SCRIPT TIMEOUT: The logo element was not found after 5 seconds.");
            }
            
            attempts++;
        }, 100);
    };

    // --- EXECUTION ---
    if (window.innerWidth > CONFIG.DESKTOP_BREAKPOINT) {
        waitForLogoAndInit();
    }
});
</script><script>
    if (window.location.href.indexOf('7182241') > -1) {
        document.addEventListener('DOMContentLoaded', function() {
            console.log("Port Orange Styles & Scripts Loading...");

            /* --- 1. DOM MANIPULATION: Create Rectangle Box & Format Texts --- */
            var id1 = document.getElementById('id_1');
            if (id1 && id1.parentNode) {
                var parentUl = id1.parentNode;

                // Create the wrapper DIV
                var boxWrapper = document.createElement('div');
                boxWrapper.className = 'port-orange-form-box';

                // Move siblings
                var nextElement = id1.nextElementSibling;
                while (nextElement) {
                    var toMove = nextElement;
                    nextElement = nextElement.nextElementSibling;
                    boxWrapper.appendChild(toMove);
                }
                parentUl.appendChild(boxWrapper);
            }

            // Dynamically reformat Text 20 & 21 since form HTML can't be touched
            var text20 = document.getElementById('text_20');
            if(text20) {
                var h2 = text20.querySelector('h2');
                if(h2) {
                    h2.className = 'port-orange-building-plans-title';
                    h2.innerHTML = 'Partner <span>with Us</span>';
                    h2.style.textAlign = 'center';
                    h2.style.marginBottom = '20px';
                }
                var ps = text20.querySelectorAll('p');
                ps.forEach(p => {
                    p.style.textAlign = 'center';
                    p.style.fontFamily = "'Commissioner', sans-serif";
                    p.style.fontSize = '1.5rem';
                    p.style.fontWeight = '300';
                    p.style.lineHeight = '1.6';
                    p.style.marginBottom = '20px';
                });
            }

            var text21 = document.getElementById('text_21');
            if(text21) {
                var h3 = text21.querySelector('h3');
                if(h3) {
                    h3.innerHTML = 'Dedication Opportunities';
                    h3.style.textAlign = 'center';
                    h3.style.fontFamily = "'Commissioner', sans-serif";
                    h3.style.fontSize = '3rem';
                    h3.style.fontWeight = '800';
                    h3.style.color = '#3a40af';
                    h3.style.textTransform = 'uppercase';
                    h3.style.margin = '0';
                    h3.style.display = 'block';
                }
            }

            /* --- 2. CSS INJECTION --- */
            var css = `
                @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@300;600;800&family=Commissioner:wght@300;700;800;900&display=swap');

                /* --- ANIMATION STYLES --- */
                .reveal-on-scroll {
                    opacity: 0;
                    transform: translateY(60px);
                    transition: opacity 1s ease-out, transform 1s ease-out;
                    will-change: opacity, transform;
                }
                .reveal-on-scroll.is-visible {
                    opacity: 1;
                    transform: translateY(0);
                }

                /* --- Global Styles --- */
                .port-orange-building-wrapper {
                    font-family: 'Commissioner', sans-serif !important;
                    background-color: #f5f5f5 !important;
                    color: #090a1c !important;
                }
                .form-buttons-wrapper.button-align-auto, .form-buttons-wrapper.button-align-center, .form-footer, .form-screenshot-plate {
                    text-indent: 0px !important;
                }

                /* --- LIST RESET (Fixes Safari Indentation) --- */
                ul.form-section {
                    padding: 0 !important;
                    margin: 0 !important;
                    list-style: none !important;
                    -webkit-padding-start: 0 !important;
                }
                .form-all { 
                    margin: 0 !important; 
                    width: 100% !important; 
                    max-width: 100% !important; 
                    padding: 0 !important;
                }

                /* --- IMAGES IN PLANS SECTION --- */
                .port-orange-building-plans-section img {
                    max-width: 100% !important;
                    height: auto !important;
                    display: block !important;
                    margin: 20px auto !important;
                    border-radius: 8px !important;
                }

                .port-orange-building-full-plan-image {
                    width: auto !important;
                    height: 50% !important;
                    margin: 40px auto !important;
                    display: block;
                    border-radius: 8px !important;
                }
                .form-html {
                    padding: 0 !important;}
                #id_1{ padding-top: 0 !important; margin: 0 !important;}
                
                /* Hero & Nav */
                .port-orange-building-hero { position: relative !important; width: 100% !important; background-color: #000 !important; line-height: 0 !important; }
                .port-orange-hero-img { width: 100% !important; height: auto !important; display: block !important; }
                .port-orange-mobile-hero { display: none !important; }
                .port-orange-desktop-hero { display: block !important; }
                @media (max-width: 768px) {
                    .port-orange-mobile-hero { display: block !important; }
                    .port-orange-desktop-hero { display: none !important; }
                }
                .port-orange-nav {
                    background: url(https://chabadportorange.com/media/images/1350/EoKo13506838.png) !important;
                    position: sticky !important; top: 0 !important; z-index: 1000 !important;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
                    text-align: center !important; height: 100px; display: flex; align-items: center; justify-content: space-around;
                }
                .port-orange-nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; gap: 80px !important; align-items: flex-end; }
                .port-orange-building-stat-item { display: flex; flex-direction: row; align-items: baseline; gap: 10px !important; }
                .port-orange-nav a { text-decoration: none !important; color: white !important; font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 2.1rem !important; text-transform: uppercase !important; transition: color 0.2s !important; }
                .port-orange-nav a:hover { color: #e13737 !important; }

                /* Progress Bar & Stats */
                .port-orange-building-progress-section { background-color: #F3F0F0 !important; padding: 20px 50px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
                .port-orange-building-progress-container { width: 100% !important; max-width: 800px !important; margin: 0px 0 !important; position: relative !important; background-color: #e6e6e6 !important; height: 60px !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1) !important; }
                .port-orange-building-progress-fill { height: 100% !important; background-image: url('https://chabadportorange.com/media/images/1350/UvWQ13506820.png') !important; background-size: cover !important; background-position: center left !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 20px !important; transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important; }
                .port-orange-building-progress-percentage { color: #ffffff !important; font-family: 'Commissioner', sans-serif !important; font-weight: 800 !important; font-size: 1.8rem !important; text-transform: uppercase !important; line-height: 1 !important; text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; }
                .port-orange-building-stats-row { display: flex !important; justify-content: space-between !important; width: 100% !important; max-width: 800px !important; margin-top: 10px !important; font-family: 'Commissioner', sans-serif !important; }
                .port-orange-building-stat-label { font-size: 2rem !important; font-weight: 300 !important; text-transform: uppercase !important; color: #333 !important; }
                .port-orange-building-stat-value { font-size: 2rem !important; font-weight: 800 !important; text-transform: uppercase !important; }
                .port-orange-building-blue { color: #3a40af !important; }
                .port-orange-building-red { color: #e13737 !important; }

                /* Impact Section */
                .port-orange-building-impact-section { background-color: #f0f2f5 !important; width: 100% !important; padding: 20px 20px 40px !important; text-align: center !important; }
                .port-orange-building-impact-title { font-family: 'Anek Devanagari', sans-serif !important; font-size: 2.5rem !important; font-weight: 800 !important; color: #3a40af !important; text-transform: uppercase !important; margin: 0 !important; }
                .port-orange-building-impact-subtitle { font-family: 'Commissioner', sans-serif !important; font-size: 2.5rem !important; font-weight: 300 !important; color: #e13737 !important; text-transform: uppercase !important; margin: 10px 0 30px 0 !important; }
                .port-orange-building-donate-btn { background-color: #3A40AF !important; color: white !important; font-size: 1.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; padding: 20px 40px !important; border-radius: 12px !important; display: inline-block !important; cursor: pointer !important; transition: transform 0.2s !important; text-decoration: none !important; }
                .port-orange-building-donate-btn:hover { transform: scale(1.05) !important; }

                /* About & Plans */
                .port-orange-building-about-section { max-width: 100% !important; margin: 80px auto !important; }
                .port-orange-building-split-row { display: flex !important; flex-direction: column ; gap: 40px !important; align-items: center !important; margin-bottom: 80px !important; }
                @media (min-width: 900px) { .port-orange-building-split-row { flex-direction: row !important; } }
                .port-orange-building-split-text { flex: 1 !important; text-align: left !important; display: flex; align-items: center; padding-right: 5% !important; }
                .port-orange-building-split-image-wrapper { flex: 1 !important; width: 100% !important; }
                .port-orange-building-split-image { width: 100% !important; height: auto !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; display: block !important; object-fit: cover !important; }
                .port-orange-building-about-heading { font-size: 5.5rem !important; font-weight: 900 !important; color: #3a40af !important; text-transform: uppercase !important; line-height: 1.1 !important; margin-bottom: 30px !important; font-family: "Commissioner" !important; }
                .port-orange-building-about-heading span { color: #e13737 !important; }
                .port-orange-building-text-block { font-size: 1.5rem !important; line-height: 1.6 !important; font-weight: 300 !important; color: #090a1c !important; font-family: "Commissioner" !important;}
                .port-orange-building-plans-section { background-color: #f3f0f0 !important; padding: 80px 0px !important; text-align: center !important; }
                .port-orange-building-plans-title { font-family: 'Anek Devanagari', sans-serif !important; font-size: 6rem !important; font-weight: 800 !important; color: #3a40af !important; text-transform: uppercase !important; margin-bottom: -20px !important; }
                .port-orange-building-plans-title span { color: #e13737 !important; }
                .port-orange-building-plans-subtitle { font-family: 'Anek Devanagari', sans-serif !important; font-size: 3rem !important; font-weight: 300 !important; color: #3a40af !important; text-transform: uppercase !important; margin-bottom: 0px !important; }
                .port-orange-building-plans-text { max-width: 800px !important; margin: 0 auto !important; font-size: 1.5rem !important; line-height: 1.6 !important; font-weight: 300 !important; color: #090a1c !important; text-align: center !important; font-family: "commissioner" !important; }
                strong { font-weight: 800 !important; }
                form-buttons-wrapper button-align-auto{text-indent: 0 !important;}

                /* --- DEDICATIONS SECTION --- */
                .port-orange-building-dedications-section {
                    background-color: #f5f5f5 !important;
                    padding: 80px 0px !important;
                    text-align: center !important;
                }
                .dedications-grid {
                    display: grid !important;
                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
                    gap: 20px !important;
                    max-width: 1000px !important;
                    margin: 40px auto 0 !important;
                    padding: 0 20px !important;
                }
                .dedication-card {
                    background: #fff !important;
                    padding: 30px 20px !important;
                    border-radius: 12px !important;
                    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
                    border-bottom: 4px solid #3a40af !important;
                    display: flex !important;
                    flex-direction: column !important;
                    justify-content: center !important;
                    align-items: center !important;
                    text-align: center !important;
                    transition: transform 0.3s ease !important;
                    text-transform: uppercase !important; /* Force uppercase on everything in the card */
                }
                .dedication-card:hover {
                    transform: translateY(-5px) !important;
                }
                .dedication-text {
                    font-size: 1.6rem !important;
                    font-weight: 800 !important;
                    color: #3a40af !important;
                    margin-bottom: 15px !important;
                    line-height: 1.3 !important;
                }
                .dedication-text.supporter {
                    font-size: 1.1rem !important;
                    font-weight: 600 !important;
                    color: #888 !important;
                    letter-spacing: 2px !important;
                }
                .dedication-name {
                    font-size: 1.8rem !important;
                    font-weight: 800 !important;
                    color: #333 !important;
                    font-family: 'Commissioner', sans-serif !important;
                }
                .dedication-amount {
                    font-size: 1.4rem !important;
                    font-weight: 800 !important;
                    color: #e13737 !important;
                    margin-top: 10px !important;
                    font-family: 'Commissioner', sans-serif !important;
                }
                
                /* --- FORM STYLES --- */
                .userform-form { max-width: 100% !important; margin: 0 auto !important; font-family: 'Commissioner', sans-serif !important; }
                /* Updated Container Full Width Fix */
                .port-orange-form-box { background-color: #f3f0f0 !important; border: 1px solid #cccaca !important; border-radius: 20px !important; padding: 40px !important; box-sizing: border-box !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; }
                #label_14 > label{ font-size: 2rem !important;}
                .form-section { padding: 0 !important; }
                .form-input-wide { width: 100% !important; }
                .form-header-group { background: transparent !important; border: none !important; text-align: center !important; margin: 30px 0 20px 0 !important; padding: 0 !important; }
                .form-header { font-family: 'Commissioner', sans-serif !important; color: #2D2D2D !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 2.8rem !important; }

                /* Labels */
                .form-label-left, .form-label-top, .form-label { font-family: 'Commissioner', sans-serif !important; color: #333 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 1.2rem !important; display: block !important; width: 100% !important; text-align: left !important; }
                /* Unified Centered Labels */
                #label_4, div#label_5, #label_18, #label_19 { font-size: 3rem !important; text-align: center !important; display: block !important; width: 100% !important;}
                #id_4 .form-label-top, #id_5 .form-label-top, #id_13 .form-label-top, #id_18 .form-label-top, #id_19 .form-label-top { text-align: center !important; font-size: 1.2rem !important; margin-bottom: 20px !important; float: none !important; width: 100% !important;}
                #id_8 .form-label-left, #id_9 .form-label-left, #id_11 .form-label-left { text-align: left !important; margin-bottom: 5px !important; float: none !important; }
                .form-textbox { border: 1px solid #ccc !important; padding: 12px !important; border-radius: 5px !important; font-family: 'Commissioner', sans-serif !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; }

                /* ID 1 Visible */
                #id_1 { display: block !important; }

                /* Dedications & Features Tab Styles */
                #cid_4, #cid_18, #cid_19 { width: 100% !important; max-width: 100% !important; }
                #cid_4 .clearfix, #cid_4 br, #cid_18 .clearfix, #cid_18 br, #cid_19 .clearfix, #cid_19 br { display: none !important; }
                #cid_4 .form-single-column, #cid_18 .form-single-column, #cid_19 .form-single-column { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; width: 100% !important; }
                @media (max-width: 600px) { #cid_4 .form-single-column, #cid_18 .form-single-column, #cid_19 .form-single-column { grid-template-columns: 1fr !important; } }
                #cid_4 .form-checkbox-item, #cid_18 .form-checkbox-item, #cid_19 .form-checkbox-item { display: block !important; position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
                #cid_4 input[type="checkbox"], #cid_18 input[type="checkbox"], #cid_19 input[type="checkbox"] { position: absolute !important; opacity: 0 !important; height: 0 !important; width: 0 !important; }
                #cid_4 label, #cid_18 label, #cid_19 label { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: #fff !important; border-radius: 15px !important; padding: 20px !important; cursor: pointer !important; font-family: 'Commissioner', sans-serif !important; font-weight: 600 !important; color: #333 !important; text-align: center !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; border: 2px solid transparent !important; height: 100% !important; box-sizing: border-box !important; }
                #cid_4 label:hover, #cid_4 input[type="checkbox"]:checked + label, #cid_18 label:hover, #cid_18 input[type="checkbox"]:checked + label, #cid_19 label:hover, #cid_19 input[type="checkbox"]:checked + label { background-color: #3a40af !important; color: #fff !important; border-color: #3a40af !important; }

                /* --- SAFE DONATION AMOUNTS FIX --- */
                #cid_5 { width: 100% !important; max-width: 100% !important; }
                #cid_5 .clearfix, #cid_5 br { display: none !important; }
                #cid_5 .form-single-column { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 15px !important; width: 100% !important; }
                @media (max-width: 768px) { #cid_5 .form-single-column { grid-template-columns: repeat(2, 1fr) !important; } }
                #cid_5 .form-radio-item { display: block !important; width: 100% !important; margin: 0 !important; float: none !important; position: relative !important; }

                /* 1. RADIO: Hide it completely from touch */
                #cid_5 input[type="radio"] { 
                    position: absolute !important; 
                    opacity: 0 !important; 
                    width: 100% !important; 
                    height: 100% !important; 
                    z-index: -1 !important; 
                    pointer-events: none !important;
                }

                /* 2. INPUT: Make it the clickable top layer */
                .form-radio-other-input { 
                    position: relative !important; 
                    z-index: 50 !important; /* High Z-index */
                    pointer-events: auto !important;
                    text-align: center !important; 
                    background: transparent !important; 
                    font-size: 2.2rem !important; 
                    font-weight: 700 !important; 
                    width: 100% !important; 
                    padding: 5% 0 !important; 
                    
                    /* Fix disabled look on iPhone */
                    opacity: 1 !important; 
                    -webkit-text-fill-color: #333 !important; 
                    color: #333 !important;
                }

                #cid_5 label { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: #fff !important; border-radius: 15px !important; padding: 50px 5px !important; cursor: pointer !important; font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 1.2rem !important; color: #333 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; border: 2px solid transparent !important; height: 100% !important; box-sizing: border-box !important; }

                /* Visual States */
                #cid_5 input[type="radio"]:hover + label,
                #cid_5 .form-radio-item:hover label,
                #cid_5 input[type="radio"]:checked + label {
                    background-color: #e3e7ec !important;
                    border-color: #1374BEB2 !important;
                    color: #1374BE !important;
                    transition: 0.3s;
                }
                #cid_5 .form-radio-item:has(.form-radio-other-input), #cid_5 .form-radio-item:last-child { grid-column: 1 / -1 !important; }
                
                /* Impact Text */
                #text_6 { text-align: center !important; font-family: 'Commissioner', sans-serif !important; font-size: 2.3rem !important; color: #333 !important; margin: 20px 0 !important; }
                #text_6 b { color: #3a40af !important; }

                /* --- PAYMENT TABS --- */
                .form-payment-methods {
                    display: flex !important;
                    flex-direction: row !important; 
                    justify-content: space-between !important;
                    gap: 10px !important;
                    margin-bottom: 20px !important;
                    width: 100% !important;
                }
                .form-payment-methods .form-radio-item {
                    flex: 1 !important;
                    width: auto !important;
                    float: none !important;
                    margin-right: 0 !important;
                    border: 1px solid #d8d8d8;
                    padding: 10px;
                    border-radius: 12px;
                    background-color: #f6f6f6 !important;
                    text-align: center !important;
                }
                .form-payment-methods label {
                    padding: 0 !important;
                    cursor: pointer !important;
                    font-family: "Commissioner";
                    display: block !important;
                    width: 100% !important;
                }
                    
                /* Active Payment State */
                .form-payment-methods .form-radio-item.active-payment,
                .form-payment-methods .form-radio-item:has(input:checked) {
                    border: 1px solid #1374BE !important;
                    background-color: #e3e7ec !important;
                }
                .form-payment-methods .form-radio-item.active-payment label,
                .form-payment-methods .form-radio-item:has(input:checked) label {
                    color: #1374BE !important;
                }

                /* --- PAYMENT FIELDS VISIBILITY --- */
                #cid_13 tr.hide { display: none !important; }

                /* Payment Tables */
                #cid_13 table, #cid_13 tbody { display: block !important; width: 100% !important; }
                #cid_13 tr { display: flex !important; }
                #cid_13 .cc-icons { display: none !important; }

                /* Fields */
                #cid_13 .form-textbox, #cid_13 .form-dropdown { width: 100% !important; padding: 12px 15px !important; border: 1px solid #ddd !important; border-radius: 6px !important; font-family: "Commissioner", sans-serif !important; font-size: 16px !important; background-color: #f9f9f9 !important; height: 46px !important; box-sizing: border-box !important; }
                #cid_13 .form-textbox:focus, #cid_13 .form-dropdown:focus { border-color: #3065B4 !important; background-color: #fff !important; outline: none !important; }
                #cid_13 .form-sub-label { font-family: "Commissioner", sans-serif !important; font-size: 13px !important; color: #777 !important; margin-bottom: 5px !important; display: block !important; }
                #label_13 { font-family: "Commissioner", sans-serif !important; font-size: 20px !important; font-weight: 600 !important; color: #444 !important; margin-bottom: 10px !important; }

                /* Total & Submit */
                #id_14 { background-color: #F6F6F6 !important; border: 1px solid #D8D8D8 !important; border-radius: 10px !important; padding: 20px !important; margin-top: 20px !important; display: flex !important; }
                #cid_14 { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; }
                #label_14 { float: left !important; text-align: left !important; width: auto !important; font-size: 1.2rem !important; font-family: "Commissioner" !important; }
                #total_amount { float: right !important; font-size: 1.5rem !important; font-weight: 800 !important; color: #1374BE !important; margin-bottom: 10px !important; width: 100% !important; text-align: right !important; font-family: "Commissioner" !important; }
                #div_offset_gift_14 { width: 100% !important; text-align: left !important; display: flex; margin-left: -10% !important; }
                label#label_15 { font-family: "commissioner"; }
                .form-submit-button { background-color: #3A40AF !important; color: white !important; font-size: 1.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; padding: 20px 40px !important; border-radius: 12px !important; display: inline-block !important; cursor: pointer !important; transition: transform 0.2s !important; text-decoration: none !important; width: 100% !important;}
                .form-submit-button:hover { transform: scale(1.05) !important; }
                form-buttons-wrapper button-align-auto{ text-indent: 0 !important;}
                th {
                    font-family: "Commissioner" !important;
                }
            .cco_templateless_template, .cco_templateless_template a {
                font-family: "Commissioner" !important;
                background-color: #6166b8 !important;
            }
            #MOBILE{ display: none ;}
            
            /* --- FORCE WHITE TEXT ON HOVER --- */
            #cid_4 label:hover span, 
            #cid_4 input:checked + label span,
            #cid_18 label:hover span, 
            #cid_18 input:checked + label span,
            #cid_19 label:hover span, 
            #cid_19 input:checked + label span,
            #cid_5 label:hover span,
            #cid_5 input:checked + label span,
            #cid_5 .form-radio-item:hover label span {
                color: #ffffff !important;
            }

            @media( max-width: 1200px){
            .LIGHTHOUSE-IMG { margin: 0 5% 20px 20% !important;}
            }

                /* Mobile */
                @media (max-width: 768px){
                    /* --- MOBILE FORM FIX: SAFARI EDGE-TO-EDGE --- */
                    .port-orange-form-box { 
                        width: 100vw !important; /* Force full screen width */
                        margin-left: calc(50% - 50vw) !important; /* Center negative margin */
                        margin-right: calc(50% - 50vw) !important;
                        border-radius: 0 !important; 
                        border: none !important;
                        box-sizing: border-box !important;
                    }
                    
                    #reverse {flex-direction: column-reverse; !important;}
                    .LIGHTHOUSE-IMG{ margin: 0 5% 20px -3% !important;}
                    .port-orange-building-stat-item { display: flex; flex-direction: column !important; align-items: baseline; justify-content: center; }
                    .port-orange-nav ul{ gap: 20px !important;}
                    .form-payment-methods{ flex-direction: column !important; }
                    .form-payment-methods .form-radio-item { margin-bottom: 10px !important; }
            #MOBILE{ display: block !important ;}
            .port-orange-building-stat-item{ gap: 0 !important;}
            .port-orange-building-stat-value{ margin: 10px !Important;}
            .port-orange-building-stat-label{ margin: 0 !important;}
            .port-orange-building-plans-title,.port-orange-building-about-heading {font-size: 4rem !important;}
            .port-orange-building-plans-text,.port-orange-building-text-block { font-size: 1.8rem !important; padding: 10px !important;}
            .form-section, .form-section-closed{ margin: 0 !important;}
            .port-orange-building-split-text{ padding-right: 0 !important;}
            } `;

            var head = document.head || document.getElementsByTagName('head')[0];
            var style = document.createElement('style');
            head.appendChild(style);
            style.type = 'text/css';
            if (style.styleSheet) {
                style.styleSheet.cssText = css;
            } else {
                style.appendChild(document.createTextNode(css));
            }

            /* --- 3. PAYMENT FORM LOGIC --- */
            function initPaymentForm() {
                console.log("Initializing Port Orange Payment Form styles for #cid_13");

                // 1. Set Placeholders
                var ccNum = document.getElementById('input_13_cc_number');
                if(ccNum) ccNum.placeholder = "0000 0000 0000 0000";
                var ccCvv = document.getElementById('input_13_cc_ccv');
                if(ccCvv) ccCvv.placeholder = "CVV";
                var ccName = document.getElementById('input_13_cc_nameOnCard');
                if(ccName) ccName.placeholder = "Full Name on Card";

                // 2. VISIBILITY TOGGLE LOGIC
                function togglePaymentFields() {
                    var sections = document.querySelectorAll('#cid_13 .credit_card, #cid_13 .paypal, #cid_13 .e_check, #cid_13 .other');
                    sections.forEach(function(el) { el.style.display = 'none'; });

                    var selected = document.querySelector('input[name="q13_payment[payment_method]"]:checked');
                    if (selected) {
                        var val = selected.value;
                        if (val === 'creditCard') {
                            document.querySelectorAll('#cid_13 .credit_card').forEach(function(el) { el.style.display = 'flex'; });
                        } else if (val === 'paypal') {
                            document.querySelectorAll('#cid_13 .paypal').forEach(function(el) { el.style.display = 'flex'; });
                        } else if (val === 'eCheck') {
                            document.querySelectorAll('#cid_13 .e_check').forEach(function(el) { el.style.display = 'flex'; });
                        } else if (val === 'other') {
                            document.querySelectorAll('#cid_13 .other').forEach(function(el) { el.style.display = 'flex'; });
                        }
                    }
                }

                // 3. Handle Click/Active States
                var paymentItems = document.querySelectorAll('#cid_13 .form-payment-methods .form-radio-item');

                function updateActiveState() {
                    paymentItems.forEach(function(item) {
                        var input = item.querySelector('input');
                        if (input && input.checked) {
                            item.classList.add('active-payment');
                        } else {
                            item.classList.remove('active-payment');
                        }
                    });
                    togglePaymentFields();
                }

                paymentItems.forEach(function(item) {
                    item.addEventListener('click', function() {
                        var input = item.querySelector('input');
                        if(input) {
                            setTimeout(updateActiveState, 50);
                        }
                    });
                });

                updateActiveState();
                
                document.querySelectorAll('input[name="q13_payment[payment_method]"]').forEach(function(radio) {
                    radio.addEventListener('change', updateActiveState);
                });
            }
                
            initPaymentForm();


            /* --- 4. INTERACTIVE MATH LOGIC (CLICKABLE FIX ONLY) --- */
            const radioButtons = document.querySelectorAll('input[name="q5_input5"]');
            const otherInput = document.getElementById('input_5'); 
            const otherRadio = document.getElementById('other_5');

            // 1. VISUAL HELPER: Manually paints the Blue Border
            function forceVisualUpdate(isOther) {
                // Reset all to white
                document.querySelectorAll('#cid_5 label').forEach(function(lbl) {
                    lbl.style.backgroundColor = '#fff';
                    lbl.style.borderColor = 'transparent';
                    lbl.style.color = '#333';
                });

                // Highlight "Other" if true
                if (isOther && otherInput) {
                    var wrapper = otherInput.closest('.form-radio-item');
                    var label = wrapper ? wrapper.querySelector('label') : null;
                    if (label) {
                        label.style.backgroundColor = '#e3e7ec';
                        label.style.borderColor = '#1374BEB2'; 
                        label.style.color = '#1374BE';
                    }
                }
            }

            // 2. STANDARD BUTTONS LOGIC
            if(radioButtons.length > 0) {
                radioButtons.forEach(radio => {
                    radio.addEventListener('change', function() {
                        if (this.id === 'other_5') {
                            // If they clicked the hidden radio for Other directly
                            forceVisualUpdate(true);
                        } else {
                            // If they clicked a standard amount
                            forceVisualUpdate(false);
                        }
                    });
                });
            }

            // 3. "OTHER" INPUT LOGIC
            if (otherInput) {
                // --- A. ADD NUMERIC KEYBOARD ---
                otherInput.type = 'number';
                otherInput.setAttribute('pattern', '[0-9]*');
                otherInput.setAttribute('inputmode', 'decimal');

                // --- B. AGGRESSIVE ENABLE LOOP ---
                otherInput.disabled = false; 
                otherInput.removeAttribute('disabled');
                setInterval(function(){
                    otherInput.disabled = false;
                    otherInput.removeAttribute('disabled');
                }, 1000);

                // --- C. FORCE STYLING VIA JS ---
                otherInput.style.position = "relative";
                otherInput.style.zIndex = "1000";
                otherInput.style.pointerEvents = "auto";
                otherInput.style.opacity = "1";

                // Helper to Activate Radio + Border
                function activateOther() {
                    if (otherRadio && !otherRadio.checked) { 
                        otherRadio.checked = true;
                        otherRadio.dispatchEvent(new Event('change', { bubbles: true })); 
                    }
                    forceVisualUpdate(true); // Force Blue Border
                }

                // INPUT LISTENER (When typing)
                otherInput.addEventListener('input', function() {
                    activateOther();
                });

                // TOUCH START (Critical for iPhone)
                otherInput.addEventListener('touchstart', function(e) {
                    e.stopPropagation(); 
                    activateOther();
                    // We don't preventDefault here, so focus still happens
                }, { passive: false });

                // CLICK HANDLER
                otherInput.addEventListener('click', function(e) {
                    e.stopPropagation(); 
                    activateOther();
                    this.focus();
                });

                // WRAPPER CLICK (If they miss the input)
                var otherWrapper = otherInput.closest('.form-radio-item');
                if (otherWrapper) {
                    otherWrapper.addEventListener('click', function(e) {
                        if (e.target !== otherInput) {
                            activateOther();
                            otherInput.focus();
                        }
                    });
                }
            }

            /* --- 5. CAMPAIGN STATS, PROGRESS BAR & DEDICATIONS --- */
            const WEB_APP_URL = "https://script.google.com/macros/s/AKfycbwe4vbijg_IrBwlxbkQuLsNxdu6jO3NYwujNHm2qIaOm-Up-1l2t9LcpbeuOsSFw0e1/exec";
            const CAMPAIGN_GOAL = 1100000; 

            function updateCampaignStats() {
                fetch(WEB_APP_URL)
                .then(response => response.json())
                .then(data => {
                    const totalRaised = data.total; 
                    const takenItems = data.taken;

                    // A. UPDATE PROGRESS BAR
                    const raisedElement = document.getElementById("port-orange-raised-amount");
                    const fillElement = document.getElementById("port-orange-progress-fill");
                        
                    if (raisedElement && fillElement) {
                        const formattedMoney = new Intl.NumberFormat('en-US', {
                            style: 'currency',
                            currency: 'USD',
                            maximumFractionDigits: 0
                        }).format(totalRaised);

                        let percentage = (totalRaised / CAMPAIGN_GOAL) * 100;
                        if (percentage > 100) percentage = 100; 

                        raisedElement.innerText = formattedMoney;
                        fillElement.style.width = percentage + "%";
                            
                        const percentText = fillElement.querySelector(".port-orange-building-progress-percentage");
                        if (percentText) percentText.innerText = Math.round(percentage) + "%";
                    }

                    // B. DISABLE TAKEN DEDICATIONS
                    if (takenItems && takenItems.length > 0) {
                        takenItems.forEach(item => {
                            const cleanItem = item.trim();
                            if (!cleanItem) return;

                            const inputs = document.querySelectorAll(`input[value*="${cleanItem}"]`);
                            inputs.forEach(input => {
                                input.disabled = true;
                                const container = input.closest('label') || input.parentElement;
                                if (container) {
                                    container.style.textDecoration = "line-through";
                                    container.style.opacity = "0.5";
                                    if (!container.innerText.includes("Taken")) {
                                        const textSpan = container.querySelector('label span');
                                        if (textSpan) {
                                            textSpan.insertAdjacentHTML('afterbegin', '<strong>(Taken)</strong> ');
                                        }
                                    }
                                }
                            });

                            const options = document.querySelectorAll(`option[value="${cleanItem}"]`);
                            options.forEach(option => {
                                option.disabled = true;
                                option.innerText += " (Taken)";
                            });
                        });
                    }

                    // C. LOAD SUPPORTERS & DEDICATIONS
                    const dedicationsContainer = document.getElementById("dedications-container");
                    const rowsData = data.rows || data.data || data.dedications;
                    
                    if (dedicationsContainer && rowsData && rowsData.length > 0) {
                        let dedicationsHTML = '';
                        let startIndex = 0;
                        
                        // Check if first row is a header row and skip it
                        if(Array.isArray(rowsData[0]) && (rowsData[0][0] === 'Timestamp' || rowsData[0][1] === 'First Name' || rowsData[0].join('').toLowerCase().includes('name'))) {
                            startIndex = 1;
                        }

                        for (let i = startIndex; i < rowsData.length; i++) {
                            let row = rowsData[i];
                            if (!row) continue;
                            
                            // Supports both Arrays (from sheet.getValues) and JSON Objects
                            let firstName = row[1] || row.B || row['First Name'] || row['firstName'] || '';
                            let lastName = row[2] || row.C || row['Last Name'] || row['lastName'] || '';
                            let dedication = row[3] || row.D || row['Dedication'] || row['dedication'] || '';
                            let rawAmount = row[4] || row.E || row['Amount'] || row['amount'] || '';
                            
                            // Skip if row is completely empty
                            if (!firstName && !lastName && !rawAmount) continue;

                            let formattedAmount = rawAmount;
                            if (formattedAmount && !isNaN(formattedAmount) && formattedAmount.toString().trim() !== '') {
                                formattedAmount = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0 }).format(formattedAmount);
                            }

                            let fullName = `${firstName} ${lastName}`.trim().toUpperCase();
                            if (!fullName) fullName = "ANONYMOUS SUPPORTER";

                            // Clean the dedication string
                            let dedicationStr = dedication.toString().trim();
                            let dedicationLower = dedicationStr.toLowerCase();
                            let cleanDedication = "";

                            if (dedicationStr !== '' && dedicationLower !== 'no (unchecked)' && dedicationLower !== 'no' && dedicationLower !== 'false') {
                                // Take everything before the /n
                                let mainPart = dedicationStr.split('/n')[0].trim();
                                
                                // Regex to match and remove amount (e.g., "$100,000", "- $125,000.") at the end of the main part
                                let amountRegex = /\\s*[-—–]?\\s*(\\$[\\d,]+(\\.\\d{2})?\\.?)\\s*$/;
                                let match = mainPart.match(amountRegex);
                                if (match) {
                                    mainPart = mainPart.substring(0, match.index).trim();
                                }
                                cleanDedication = mainPart.toUpperCase();
                            }

                            // Render specific dedication HTML or fallback to generic supporter badge
                            let cardDedicationHTML = cleanDedication 
                                ? `<div class="dedication-text">${cleanDedication}</div>`
                                : `<div class="dedication-text supporter">SUPPORTER</div>`;

                            dedicationsHTML += `
                                <div class="dedication-card">
                                    ${cardDedicationHTML}
                                    <div class="dedication-name">${fullName}</div>
                                    <div class="dedication-amount">${formattedAmount}</div>
                                </div>
                            `;
                        }
                        
                        // Render results or a fallback message
                        if (dedicationsHTML !== '') {
                            dedicationsContainer.innerHTML = dedicationsHTML;
                        } else {
                            dedicationsContainer.innerHTML = '<p style="font-size: 1.5rem; color: #666; grid-column: 1 / -1;">No supporters yet. Be the first to contribute!</p>';
                        }
                    }
                })
                .catch(err => console.error("Error updating stats:", err));
            }

            updateCampaignStats();

            /* --- 6. SCROLL FADE-IN ANIMATION --- */
            const animatedSelectors = [
                '.port-orange-building-hero',
                '.port-orange-nav',
                '.port-orange-building-progress-section',
                '.port-orange-building-impact-section',
                '.port-orange-building-about-section',
                '.port-orange-building-plans-section',
                '.port-orange-building-dedications-section',
                '.port-orange-form-box'
            ];

            const elementsToAnimate = document.querySelectorAll(animatedSelectors.join(','));
            elementsToAnimate.forEach(function(el) {
                el.classList.add('reveal-on-scroll');
            });

            const observerOptions = {
                threshold: 0.1, 
                rootMargin: "0px 0px -50px 0px" 
            };

            const observer = new IntersectionObserver(function(entries, obs) {
                entries.forEach(function(entry) {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('is-visible');
                        obs.unobserve(entry.target); 
                    }
                });
            }, observerOptions);

            elementsToAnimate.forEach(function(el) {
                observer.observe(el);
            });

            /* --- 7. FORMAT LABELS (UPDATED to include Sections 18 & 19) --- */
            function formatTextLabels() {
                var inputs = document.querySelectorAll('#cid_4 input[type="checkbox"], #cid_5 input[type="radio"], #cid_18 input[type="checkbox"], #cid_19 input[type="checkbox"]');

                inputs.forEach(function(input) {
                    var rawText = input.value; 
                    if(!rawText) return;

                    var labelId = 'label_' + input.id; 
                    var label = document.getElementById(labelId);
                    if (!label) {
                        label = document.querySelector('label[for="' + input.id + '"]');
                    }

                    if (label) {
                        var parts = rawText.split('/n');
                        var mainText = parts[0].trim();
                        var subText = parts.length > 1 ? parts[1].trim() : "";

                        // Regex looks for " - $100" or " $100" at the end
                        var amountRegex = /\\s*[-—–]?\\s*(\\$[\\d,]+(\\.\\d{2})?\\.?)\\s*$/;
                        var match = mainText.match(amountRegex);

                        var title = mainText;
                        var amount = "";

                        if (match) {
                            amount = match[1]; 
                            title = mainText.substring(0, match.index).trim();
                        }

                        var finalHtml = '<span style="display:block; font-size: 1.2rem; font-weight: 700;">' + title + '</span>';

                        if (amount) {
                            finalHtml += '<span style="display:block; font-size: 1.4rem; font-weight: 800; color: #3a40af; margin: 5px 0;">' + amount + '</span>';
                        }

                        if (subText) {
                            finalHtml += '<span style="display:block; font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.3; margin-top: 5px;">' + subText + '</span>';
                        }

                        label.innerHTML = finalHtml;
                        label.style.textAlign = "center";
                    }
                });
            }

            formatTextLabels();
            setTimeout(formatTextLabels, 500);

        });
    }
</script><title>
	Glossary of Terms - Chabad of Port Orange
</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.Chabadportorange.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Port Orange</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">
	.cco_templateless_template,
	.cco_templateless_template a {
		background: #6C0647;
	}
.sidebar-ads co\:item {
    padding: 3%;
    text-align: center;
    background: #690645;
    display: block;
    margin-bottom: 3%
}

.section_root .sidebar-ads co\:item {
    float: left;
    width: 315px;
    padding: 12px 0;
    text-align: center;
    background: #690645;
    display: block;
    margin-left: 15px
}

body.mobile.section_root .sidebar-ads co\:item {
    float: none;
    display: block;
    width: 100%;
    margin: 5px 0
}

.section_root .sidebar-ads co\:item:first-child {
    margin: 0
}

.sidebar-ads co\:item a {
    text-decoration: none;
    position: absolute;
    width: 283px;
    height: 167px
}

.sidebar-ads co\:item img {
    width: 90%
}

.sidebar-ads co\:item .caption {
    font: 12px/18px Merriweather, times, serif;
    color: #a7a6a2;
    margin-top: 15px
}
co\:item {display:unset!important}
</style>
<div id="chabad_body_page">
<div id="chabad_main_content" class="container">


<div id="chabad_head" class="header">



<div class="chabad_header header-logo" data-href="/6993434">
<a href="/6993434" class="header-title" title="Planned Giving">
<span>
Planned Giving to Chabad
</span></a>
<div class="header-subtitle">
<a href="/6993434" class="header-subtitle" style="text-decoration:none">
Make Your Legacy a Jewish Future
</a>
</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent arrow">
<a href="/article.asp?aid=6993435" class="parent arrow">Why Giving Matters</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993436">Changing Jewish Destiny</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993437">Chabad In The News</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993438">The Rebbe's Mandate</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993439">Giving In Jewish Tradition</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993440">Donor Stories</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6993448" class="parent arrow">Ways To Give</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993449">Bequest</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993450">Charitable Gift Annuity</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993451">Real Estate</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993452">Life Insurance</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993453">Charitable Trusts</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993454">Retirement Plans</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993455">Planned Giving Videos</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6993457" class="parent arrow">Gratitude</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993458">Jewish Legacy Society</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993459">My Story</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=6993461" class="parent arrow selected">Resources</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993462">Bequest Form</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993463">Frequently Asked Questions</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993464">Advisor Information</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993465">Planned Giving Council</a>
</li>
<li class="item last selected">
<a href="/article.asp?aid=6993466">Glossary of Terms</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6993467" class="parent arrow">Contact</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993468">Contact Us</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993469">Share Your Story</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>



</div>

<div class="break_floats" ></div>
<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" 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">Glossary of Terms</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="2025-08-13T15:08:15" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Port Orange" />
	<meta itemprop="brand" content="Chabad of Port Orange" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1240/kKWp12408927.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2025-08-13T15:08:15" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
    <dl>
      <dt>Annuity</dt>
<dd>A fixed sum payable at specified intervals.</dd>
<dt>Appreciated Property</dt>
<dd>A property that has increased in value.</dd>
<dt>Beneficiary</dt>
<dd>The person who receives the benefits of a trust, or the recipient of the proceeds of a life insurance policy.</dd>
<dt>Bequest</dt>
<dd>In wills and estates, the gift part of the estate to a beneficiary.</dd>
<dt>Charitable Gift Annuity</dt>
<dd>Transfers cash or property to a charity in exchange for a partial tax deduction and a lifetime stream of annual income from the charity.</dd>
<dt>Charitable Trust</dt>
<dd>An irrevocable trust established for charitable purposes.</dd>
<dt>Estate Tax</dt>
<dd>A tax imposed on a decedent's property, assessed on the gross estate prior to distribution to the heirs.</dd>
<dt>Executor (or Personal Representative)</dt>
<dd>A person named in a decedent's will to carry out the provisions of that will.</dd>
<dt>Guardian</dt>
<dd>A person entrusted by law with the care of person, property, or both.</dd>
<dt>Life Insurance Trust</dt>
<dd>A trust that has an individual's life insurance policy as its principal asset. It's usually set up for the purpose of life excluding the proceeds of life insurance from the insured's estate.</dd>
<dt>Power of Attorney</dt>
<dd>A written document given by one person or party to another, authorizing the latter to act for the former.</dd>
<dt>Retained Life Estate</dt>
<dd>A person can transfer the title to his or her property to someone else and reserve a life estate. That means they no longer own the property but have the right to use and occupy the property for the duration of their natural life. When they die, the life estate is extinguished and the property is owned free and clear by the title owners. The need for probate has thus been avoided.</dd>
<dt>Testamentary Trust</dt>
<dd>A trust created by a will, which is scheduled to occur after the maker's death.</dd>
<dt>Trust</dt>
<dd>A fiduciary relationship calling for a trustee to hold the title to assets for the benefit of the beneficiary. The person creating the trust, who may or may not also be the beneficiary, is called the grantor.</dd>
<dt>Trustee</dt>
<dd>Any individual or company who manages assets on behalf of another.</dd>
<dt>Will</dt>
<dd>A document stating how and to whom a person wants his/her property transferred after death.</dd>
    </dl>
  </div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993462/jewish/Bequest-Form.htm" data-aid="6993462">Bequest Form</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/" data-aid="6993463">Frequently Asked Questions</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993464/jewish/Advisor-Information.htm" data-aid="6993464">Advisor Information</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993465/jewish/Planned-Giving-Council.htm" data-aid="6993465">Planned Giving Council</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div><div class="co_section">
<div class="co_section_head">
<div>In this Section</div>
</div>
<div class="co_section_body">
<div class="co_section_gradient">
<div class="co_section_text">
<div class="item first">
<span>●</span>
<a href="/article.asp?aid=6993462">Bequest Form</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993463">Frequently Asked Questions</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993464">Advisor Information</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993465">Planned Giving Council</a>
</div>
<div class="item last">
<span>●</span>
<a href="/article.asp?aid=6993466">Glossary of Terms</a>
</div>
</div>
</div>
</div>
<div class="co_section_footer" ></div>
</div>
<div class="chabad_right_column">
<div class="caption" id="contact-address">

<p>Rabbi Menachem Mendel Niasoff<br/> Chabad of Port Orange<br/> 3930 S Nova Road, Port Orange<br/> Port Orange, FL, 32127<br/> 
<a href="tel:386-679-5765">                                             386-679-5765</a><br/>Rabbi@Chabadportorange.com</p>
</div>

<ul class="sidebar-ads">


<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/6993436" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-jewish-destiny.png" alt="Changing Jewish Destiny" border="0" />

<div class="caption">
Changing Jewish Destiny
</div>

</co:item>



<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/6993459" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-testimony.png" border="0" />

<div class="caption">
My Story
</div>
</co:item>



<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/6993455" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-planned-giving.png" border="0" />

<div class="caption">
Planned Giving Videos
</div>

</co:item>


</ul>


</div>
</div>
</div>
<div id="border_bottom" ></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.chabadportorange.com%2f%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=Glossary+of+Terms+-+Chabad+of+Port+Orange&amp;url=https%3a%2f%2fwww.chabadportorange.com%2f%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=Glossary+of+Terms+-+Chabad+of+Port+Orange https%3a%2f%2fwww.chabadportorange.com%2f%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.chabadportorange.com%2f%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Glossary+of+Terms+-+Chabad+of+Port+Orange">
				<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, 6993461);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">
		<span class="footer-title" >Chabad of Port Orange</span>
		<div class="footer-address">
			<span class="footer-street">5800 Spruce Creek Woods Drive </span>
			<span class="footer-city-state">Port Orange, FL 32127</span>
		</div>
			<span>386-679-5765</span>
	</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-1.8.3.min.js?v=14C45307"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.tools.expose.min.js?v=AB0A58F7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.tools.1.2.7.min.js?v=FBC14E36"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=87098EA1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=F6438A68"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/plannedgiving/custom.js?v=8742C543"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Port Orange'}; Co.ArticleId     = '6993466';Co.SectionId     = 5972128;Co.PartnerSiteId = 0;Co.SiteId        = 11940;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'Chabadportorange.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	



<script>
document.addEventListener('DOMContentLoaded', function prefillLinks() {
    var pathArray = window.location.pathname.split("/");

    var donateCdoPresent = pathArray.includes("donate_cdo");
    var chaiIndex = pathArray.indexOf("chai");

    if (donateCdoPresent && chaiIndex !== -1 && (chaiIndex + 1) < pathArray.length) {
        var type = pathArray[chaiIndex];
        var number = pathArray[chaiIndex + 1];

        if (type === "chai") {
            var style = document.createElement("style");
            style.textContent = `
                #donate-wrapper main .custom-amount-wrapper {
                    box-shadow: none;
                    border: solid #5c5c86 1px;
                    border-radius: 5px;
                }
                main.donate-content {
                    background: #f1f2f4;
                }
                .field-wrapper input:not([type=checkbox]) {
                    box-shadow: none;
                    border: solid 1px #5c5c86;
                    border-radius: 5px;
                }
                #donate-wrapper main form .content-box .row .col .field-wrapper select,
                #donate-wrapper main form .content-box .row .col .field-wrapper textarea {
                    border-radius: 5px;
                    box-shadow: none;
                    border: solid 1px #5c5c86;
                }
                button.donate-button.js-donate-button.js-disable-after-submit {
                    background-color: #57b9b3 !important;
                    padding: 15px !important;
                    margin: auto !important;
                    display: flex;
                    justify-content: center;
                    margin-top: 20px !important;
                    width: 200px !important;
                }
                section#donate {
                    width: 100% !important;
                    max-width: none !important;
                    height: 100% !important;
                    max-height: none !important;
                    margin: 0px !important;
                    background-color: #eee !important;
                }
            `;
            document.head.appendChild(style);

            var mainHeading = document.querySelector("#donate-wrapper main h1");
            if (mainHeading) {
                mainHeading.textContent = "Complete your monthly Chai Club Donation below!";
            }

            var amount = document.querySelector(".custom-amount");
            if (amount) {
                amount.value = number;
                // Trigger an input event so any native form validation or logic picks up the change
                amount.dispatchEvent(new Event('input', { bubbles: true }));
            }


            var notesFieldWrapper = document.querySelector("#notes");
            if (notesFieldWrapper) {
                var fieldWrapperContainer = notesFieldWrapper.closest(".field-wrapper");
                if (fieldWrapperContainer) {
                    var chaiClubField = document.createElement("input");
                    chaiClubField.type = "hidden";
                    chaiClubField.name = "chai_club";
                    chaiClubField.value = "yes";
                    fieldWrapperContainer.parentNode.insertBefore(chaiClubField, fieldWrapperContainer);
                }
            }

            // Timeouts are still necessary here given the dynamic nature of the page
            setTimeout(function () {
                var monthlyOption = document.querySelector("#frequency-toggle .js-monthly");
                if (monthlyOption) {
                    monthlyOption.click();
                }

                setTimeout(function () {
                    var nextButton = document.querySelector("button.next-button.js-next-button");
                    if (nextButton) {
                        nextButton.click();
                    }

                    var recurringColumn = document.querySelector(".col.flex-1.amounts-column.recurring");
                    if (recurringColumn) {
                        recurringColumn.style.display = "none";
                    }
                }, 100); // You can try reducing this, e.g., to 200 or 100
            }, 20); // You can try reducing this, e.g., to 50 or 20
        }
    }
});
</script><script>
    /* <-----------Upcoming Events---------> */
    // This script will only run on the exact homepage.
    if (window.location.pathname === '/' || window.location.pathname === '/default.aspx') {

        (function() {

            /**
             * Fetches and parses the events page HTML using promises.
             * @returns {Promise<Document | null>} A promise that resolves to a parsed HTML document or null on error.
             */
            function getEventsPage() {
                // Using a cache-busting parameter to ensure fresh data is fetched.
                const url = 'https://www.chabadportorange.com/templates/events.htm?t=' + new Date().getTime();
                return fetch(url)
                    .then(response => {
                        if (!response.ok) {
                            throw new Error(`HTTP error! status: ${response.status}`);
                        }
                        return response.text();
                    })
                    .then(htmlText => {
                        const parser = new DOMParser();
                        return parser.parseFromString(htmlText, 'text/html');
                    })
                    .catch(error => {
                        console.error("Error fetching events page:", error);
                        return null;
                    });
            }

            /**
             * A robust function to parse date strings like "Month Day, Year".
             * @param {string} dateStr - The date string (e.g., "July 29, 2025").
             * @returns {Date | null} A Date object or null if invalid.
             */
            function parseRobustDate(dateStr) {
                const months = {
                    january: 0,
                    february: 1,
                    march: 2,
                    april: 3,
                    may: 4,
                    june: 5,
                    july: 6,
                    august: 7,
                    september: 8,
                    october: 9,
                    november: 10,
                    december: 11
                };

                if (!dateStr) return null;

                // Clean the date string by removing commas and extra spaces.
                const cleanedStr = dateStr.replace(/,/g, '').trim().replace(/\s+/g, ' ');
                const parts = cleanedStr.split(' ');

                if (parts.length < 3) {
                    console.error("Date string could not be parsed into 3 parts:", `"${dateStr}"`, "->", `"${cleanedStr}"`);
                    return null;
                }

                const monthName = parts[0].toLowerCase();
                const day = parseInt(parts[1], 10);
                const year = parseInt(parts[2], 10);

                if (months.hasOwnProperty(monthName) && !isNaN(day) && !isNaN(year)) {
                    return new Date(year, months[monthName], day);
                } else {
                    console.error("Failed to create date from parts:", {
                        month: monthName,
                        day: day,
                        year: year
                    });
                    return null;
                }
            }
            
            /**
             * Parses a time string (e.g., "7:30pm") and applies it to a given date.
             */
            function parseTime(timeString, baseDate) {
                if (!timeString) return null;
                // Updated regex to handle uppercase AM/PM and potential missing space
                const timeMatch = timeString.toLowerCase().match(/(\d{1,2}):(\d{2})?\s*(am|pm)/);
                if (!timeMatch) return null;

                let hours = parseInt(timeMatch[1], 10);
                const minutes = timeMatch[2] ? parseInt(timeMatch[2], 10) : 0;
                const ampm = timeMatch[3];

                if (ampm === 'pm' && hours < 12) hours += 12;
                if (ampm === 'am' && hours === 12) hours = 0; // Midnight case

                const newDate = new Date(baseDate);
                newDate.setHours(hours, minutes, 0, 0);
                return newDate;
            }

            /**
             * Formats a Date object for Google Calendar links.
             */
            function formatGoogleDate(date) {
                if (!date) return '';
                return date.toISOString().replace(/-|:|\.\d{3}/g, '');
            }

            /**
             * Formats a date string like "Tuesday, July 29, 2025" to "TUESDAY JULY 29".
             * @param {string} dateStr - The raw date string from the event element.
             * @returns {string} The formatted date string.
             */
            function formatEventDate(dateStr) {
                if (!dateStr) return '';
                const parts = dateStr.split(','); // e.g., ["Tuesday", " July 29", " 2025"]
                if (parts.length < 2) return dateStr; // Fallback to original if format is unexpected
                // Combine Day (parts[0]) and Month Date (parts[1])
                return `${parts[0]}${parts[1]}`.trim().toUpperCase();
            }

            /**
             * The main function to create and inject the featured events section.
             */
            const runTransformation = () => {
                getEventsPage().then(eventsDocument => {
                    if (!eventsDocument) return;

                    const today = new Date();
                    today.setHours(0, 0, 0, 0);

                    const upcomingEvents = [];
                    // Select all date group containers
                    const allDateGroups = Array.from(eventsDocument.querySelectorAll('#calendar .list_item'));

                    for (const dateGroupEl of allDateGroups) {
                        // Stop looking for events if we already have 10
                        if (upcomingEvents.length >= 10) break;

                        const dateEl = dateGroupEl.querySelector('.date');
                        if (!dateEl) continue;

                        const dateText = dateEl.textContent.trim();
                        // Extract the part of the date string that parseRobustDate can handle (e.g., "August 2, 2025")
                        const parsableDateText = dateText.split(',').slice(1).join(',').trim();
                        const eventDate = parseRobustDate(parsableDateText);

                        // Check if the event is in the future or today
                        if (eventDate && eventDate >= today) {
                            // Find all individual events within this date group
                            const individualEventsInGroup = dateGroupEl.querySelectorAll('.category_item');
                            individualEventsInGroup.forEach(eventEl => {
                                // Add event to our list, but don't exceed 10
                                if (upcomingEvents.length < 10) {
                                    // Store the full date string on the element itself so we can retrieve it later
                                    eventEl.dataset.rawDate = dateText;
                                    // Store the date object (as string) for calendar links
                                    eventEl.dataset.eventDateObj = eventDate.toISOString();
                                    upcomingEvents.push(eventEl);
                                }
                            });
                        }
                    }
                    const featuredEvents = upcomingEvents;

                    if (featuredEvents.length === 0) {
                        console.log("No upcoming events found to display.");
                        return;
                    }

                    // Create a new 'div' element
                    const eventsSection = document.createElement('div');

                    // Set the class name for the element
                    eventsSection.className = 'injected-featured-events-section';

                    // Set the ID for the element
                    eventsSection.id = 'injected-upcoming-events-section';

                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header">
                        <h2>Upcoming Events</h2>
                        <p>Discover what's happening at Chabad Of Port Orange.</p>
                      </div>
                    `;

                    const carouselContainer = document.createElement('div');
                    carouselContainer.className = 'injected-events-carousel-container';
                    const carouselWrapper = document.createElement('div');
                    carouselWrapper.className = 'injected-events-carousel-wrapper';

                    featuredEvents.forEach((eventEl) => {
                        const titleEl = eventEl.querySelector('.event_name');
                        const title = titleEl ? titleEl.textContent.trim() : 'Event Title';

                        // Retrieve the date from the dataset we attached earlier
                        const rawDate = eventEl.dataset.rawDate || '';
                        const formattedDate = formatEventDate(rawDate);
                        
                        // Retrieve the date object for calendar logic
                        const eventDateObj = new Date(eventEl.dataset.eventDateObj);

                        // Get the event time
                        const timeEl = eventEl.querySelector('.event_options > div');
                        let timeText = timeEl ? timeEl.textContent.trim().toUpperCase() : '';

                        // *** MODIFICATION: Add a space before AM/PM if it's missing ***
                        if (timeText) {
                            timeText = timeText.replace(/(\d)([AP]M)$/, '$1 $2');
                        }

                        // Combine date and time for the header
                        const cardHeader = timeText ? `${formattedDate} - ${timeText}` : formattedDate;

                        const descriptionEl = eventEl.querySelector('.event_wrapper > .event_info');
                        
                        // --- *** MODIFICATION: Get innerHTML to preserve paragraphs *** ---
                        const descriptionHTML = descriptionEl ? descriptionEl.innerHTML.trim() : '<p>Join us for a wonderful event.</p>';
                        // Get text-only description for calendar links
                        const descriptionText = descriptionEl ? descriptionEl.textContent.trim() : 'Join us for a wonderful event.';

                        const imageLinkEl = eventEl.querySelector('.more_info a');
                        const imageUrl = imageLinkEl ? imageLinkEl.href : `https://placehold.co/600x400/eee/ccc?text=Event+Image`;

                        // --- *** MODIFICATION: Add 5-digit ID check logic *** ---
                        let learnMoreUrl = '#';
                        const facebookLinkEl = eventEl.querySelector('a[href*="//www.facebook.com/events/"]');
                        if (facebookLinkEl) {
                            const fbHref = facebookLinkEl.href;
                            const match = fbHref.match(/events\/(\d+)/);
                            if (match && match[1]) {
                                const eventId = match[1];
                                if (/^\d{5}$/.test(eventId)) { // Check if ID is exactly 5 digits
                                    learnMoreUrl = `https://www.chabadportorange.com/tools/events/register_cdo/eventid/${eventId}`;
                                } else {
                                    // Original logic for other cases
                                    learnMoreUrl = `https://www.chabadportorange.com/templates/articlecco_cdo/aid/${eventId}`;
                                }
                            }
                        }

                        // --- *** MODIFICATION: Add Calendar Link Logic *** ---
                        let location = 'Chabad port Orange';
                        const locationEl = eventEl.querySelector('a[href*="maps.google.com"]');
                        if (locationEl) {
                            const tempDiv = document.createElement('div');
                            tempDiv.innerHTML = locationEl.innerHTML.replace(/<br\s*\/?>/gi, ' ');
                            location = tempDiv.textContent.replace(/\s+/g, ' ').trim();
                        }
                        
                        let googleCalLink = '';
                        const calendarLinkEl = eventEl.querySelector('a[href*="eventexport.asp"]');
                        const icsLink = calendarLinkEl ? `https://www.chabadportorange.com${calendarLinkEl.getAttribute('href')}` : null;
                        
                        if (timeText) {
                            const startTime = parseTime(timeText, eventDateObj);
                            if (startTime) {
                                const endTime = new Date(startTime.getTime() + 90 * 60000); // Assume 90 min duration
                                const googleDates = formatGoogleDate(startTime) + '/' + formatGoogleDate(endTime);
                                const params = new URLSearchParams({
                                    action: 'TEMPLATE',
                                    text: title,
                                    dates: googleDates,
                                    details: descriptionText,
                                    location: location,
                                });
                                googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                            }
                        } else {
                            // --- *** NEW LOGIC for ALL-DAY events *** ---
                            // Format YYYYMMDD
                            const startDate = eventDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            
                            // Create end date (the next day)
                            const endDateObj = new Date(eventDateObj);
                            endDateObj.setDate(endDateObj.getDate() + 1);
                            const endDate = endDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            
                            const googleDates = `${startDate}/${endDate}`;
                            
                            const params = new URLSearchParams({
                                action: 'TEMPLATE',
                                text: title,
                                dates: googleDates,
                                details: descriptionText,
                                location: location,
                            });
                            googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                        }

                        // --- *** END MODIFICATION *** ---


                        const card = document.createElement('div');
                        card.className = 'injected-event-card';
                        // Use the new cardHeader variable
                        card.innerHTML = `
                          <div class="event-card-header">${cardHeader}</div>
                          <div class="event-card-image">
                              <img src="${imageUrl}" alt="${title}" onerror="this.onerror=null;this.src='https://placehold.co/600x400/eee/ccc?text=Image+Not+Found';">
                          </div>
                          <div class="event-card-body">
                              <h3>${title.toUpperCase()}</h3>
                              <!-- *** MODIFICATION: Use a div to hold the description HTML *** -->
                              <div class="event-description-content">${descriptionHTML}</div>
                              
                              <!-- *** MODIFICATION: Create ONE button container *** -->
                              <div class="event-card-buttons-container">
                                <a href="${learnMoreUrl}" class="event-card-button">Learn More →</a>
                                ${googleCalLink ? `<a href="${googleCalLink}" target="_blank" class="event-card-calendar-button">Add to Google Calendar</a>` : ''}
                                ${icsLink ? `<a href="${icsLink}" class="event-card-calendar-button">Add to Apple/Outlook</a>` : ''}
                              </div>
                          </div>
                        `;
                        carouselWrapper.appendChild(card);
                    });

                    // Add the "View All Events" card at the end
                    const viewAllCard = document.createElement('a');
                    viewAllCard.className = 'injected-event-card view-all-card';
                    // --- *** MODIFICATION: Update "View All" URL *** ---
                    viewAllCard.href = 'https://www.chabadportorange.com/templates/articlecco_cdo/aid/5972138/jewish/Programs.htm';
                    viewAllCard.innerHTML = `
                      <div class="view-all-content">
                        <h3>View All</h3>
                        <p>Upcoming Events</p>
                        <span class="view-all-arrow">→</span>
                      </div>
                    `;
                    carouselWrapper.appendChild(viewAllCard);


                    carouselContainer.appendChild(carouselWrapper);
                    eventsSection.appendChild(carouselContainer);

                    const swipeHint = document.createElement('div');
                    swipeHint.className = 'mobile-swipe-hint';
                    swipeHint.innerHTML = '<span>Swipe for more events</span> <span class="arrow">→</span>';
                    eventsSection.appendChild(swipeHint);

                    if (featuredEvents.length > 3) {
                        const prevButton = document.createElement('button');
                        prevButton.className = 'events-carousel-arrow prev';
                        prevButton.innerHTML = '❮';

                        const nextButton = document.createElement('button');
                        nextButton.className = 'events-carousel-arrow next';
                        nextButton.innerHTML = '❯';

                        carouselContainer.appendChild(prevButton);
                        carouselContainer.appendChild(nextButton);

                        let currentIndex = 0;
                        const itemsToShowDesktop = 3;
                        const totalItems = carouselWrapper.children.length;

                        const updateCarousel = () => {
                            if (carouselWrapper.children.length === 0) return;
                            const cardWidth = carouselWrapper.children[0].offsetWidth;
                            const gap = 30;
                            const totalMove = (cardWidth + gap) * currentIndex;
                            carouselWrapper.style.transform = `translateX(-${totalMove}px)`;

                            prevButton.disabled = currentIndex === 0;
                            nextButton.disabled = currentIndex >= totalItems - itemsToShowDesktop;
                        };

                        prevButton.addEventListener('click', () => {
                            if (currentIndex > 0) {
                                currentIndex--;
                                updateCarousel();
                            }
                        });

                        nextButton.addEventListener('click', () => {
                            if (currentIndex < totalItems - itemsToShowDesktop) {
                                currentIndex++;
                                updateCarousel();
                            }
                        });

                        updateCarousel();
                        // Recalculate on resize to handle responsive changes
                        window.addEventListener('resize', updateCarousel);
                    }

                    // --- *** MODIFICATION: Use a more stable selector *** ---
                    // Find the "Mailing List" widget to insert *before* it.
                    const mailingListElement = document.querySelector('#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(2)');
                    if (mailingListElement) {
                        // Find the parent ".hp-row" container for the mailing list
                        const targetRow = mailingListElement.closest('.hp-row');
                        if (targetRow && targetRow.parentElement) {
                            // Insert the new events section *before* the mailing list row
                            targetRow.parentElement.insertBefore(eventsSection, targetRow);
                        } else {
                            console.error("Could not find parent '.hp-row' for mailing list. Appending to body as a fallback.");
                            document.body.appendChild(eventsSection);
                        }
                    } else {
                        console.error("Target element 'div.widget-4.message.custom.feed' (mailing list) not found. Appending to body as a fallback.");
                        document.body.appendChild(eventsSection);
                    }
                    // --- *** END MODIFICATION *** ---
                });
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&display=swap');

                    .injected-featured-events-section { padding: 60px 20px; background-color: #f0f2f5; font-family: 'Raleway', sans-serif; box-sizing: border-box; }
                    .injected-featured-events-header { text-align: center; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
                    .injected-featured-events-header h2 { font-size: 36px; font-weight: 400; color: #000076 !important; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; font-family: 'DM Serif Display', serif !important; }
                    .injected-featured-events-header p { font-size: 16px; color: #666; line-height: 1.6; }
                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s ease-in-out; }
                    .injected-event-card { flex: 0 0 calc(33.333% - 20px); background: transparent; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.08); box-sizing: border-box; display: flex; flex-direction: column;  border: 2px solid #000076 !important;}
                    .event-card-header { padding: 8px 15px; font-weight: 700; font-size: 12px; color: #356387; background: transparent; border-bottom: 1px solid #000076; text-align: center; white-space: nowrap; border: 1px solid #134770 !important; font-family: 'Anek Devanagari'; }
                    .event-card-image img { width: 100%; height: 200px; object-fit: cover; display: block; background-color: #eee; border: 1px solid #000076 !important; }
                    .event-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    .event-card-body h3 { font-size: 16px; font-weight: 700; color: #134770; margin: 0 0 10px; height: 48px; overflow: hidden; }
                    
                    /* --- *** MODIFICATION: Replaced .event-card-body p with this block *** --- */
                    .event-description-content {
                        font-size: 15px;
                        color: #666;
                        line-height: 1.6;
                        margin: 0 0 20px;
                        flex-grow: 1;
                        /* Removed overflow: hidden to allow text to wrap and grow */
                    }
                    /* This styles any paragraphs *inside* the description */
                    .event-description-content p, .event-description-content div {
                        margin-bottom: 1em; /* Adds spacing between paragraphs */
                    }
                    .event-description-content p:last-child, .event-description-content div:last-child {
                        margin-bottom: 0; /* No margin on the very last paragraph */
                    }
                    /* --- *** END MODIFICATION *** --- */

                    /* --- *** MODIFICATION: Updated main button style *** --- */
                    .event-card-button { 
                        display: inline-block; 
                        background-color: #6B7BC0 !important; 
                        color: white; 
                        padding: 10px 20px; 
                        border-radius: 5px; 
                        text-decoration: none; 
                        font-weight: 800; 
                        transition: background-color 0.2s, border-color 0.2s; 
                        font-size: 13.88px; 
                        line-height: 140%; 
                        border: 1px solid #b99362;
                        text-align: center;
                    }
                    .event-card-button:hover { 
                        background-color: #C9CEE6 !important;; 
                        border-color: #a38258;
                    }
                    
                    /* --- *** MODIFICATION: Add styles for button container & calendar buttons *** --- */
                    .event-card-buttons-container {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                        align-items: center;
                        margin-top: auto; /* Pushes the container to the bottom */
                        padding-top: 15px;
                        border-top: 1px solid #eee;
                    }
                    .event-card-calendar-button {
                        padding: 10px 20px;
                        border-radius: 5px;
                        text-align: center;
                        cursor: pointer;
                        transition: background-color 0.3s ease, border-color 0.3s ease;
                        text-decoration: none !important;
                        display: inline-block;
                        font-size: 13.88px;
                        font-weight: 800;
                        line-height: 140%;
                        color: #134770;
                        background-color: white;
                        border: 1px solid #134770;
                        box-sizing: border-box;
                    }
                    .event-card-calendar-button:hover {
                       background-color: #80808054;
                    }
                    /* --- *** END MODIFICATION *** --- */

                    .events-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.9); border: none; border-radius: 50%; width: 44px; height: 44px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #333; z-index: 10; transition: all 0.2s; }
                    .events-carousel-arrow:hover { background-color: white; transform: translateY(-50%) scale(1.05); }
                    .events-carousel-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }

                    /* Styles for the 'View All' card */
                    .view-all-card { display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; background-color: #e8ebee; transition: background-color 0.3s, box-shadow 0.3s; }
                    .view-all-card:hover { background-color: #dbe0e6; box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
                    .view-all-card .view-all-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
                    .view-all-card .view-all-content h3, .view-all-card .view-all-content p { height: auto; overflow: visible; margin: 0; }
                    .view-all-card .view-all-content h3 { font-size: 24px; font-weight: 900; color: #2F3C4D; margin-bottom: 5px; text-transform: uppercase; }
                    .view-all-card .view-all-content p { font-size: 16px; color: #666; margin-bottom: 15px; }
                    .view-all-card .view-all-arrow { font-size: 36px; font-weight: bold; color: #b99362; line-height: 1; }
                    
                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 20px; font-family: 'Raleway', sans-serif; color: #555; font-size: 14px; align-items: center; justify-content: center; gap: 8px; }
                    .mobile-swipe-hint .arrow { font-size: 18px; line-height: 1; font-weight: bold; }

                    @media (max-width: 1200px) {
                      .events-carousel-arrow.prev { left: 15px; }
                      .events-carousel-arrow.next { right: 15px; }
                    }
                    @media (max-width: 900px) {
                      .injected-event-card { flex-basis: calc(50% - 15px); }
                    }
                    
                    @media (max-width: 600px) {
                      .injected-featured-events-header h2 { font-size: 28px; }
                      .injected-events-carousel-container { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 0 20px; margin: 0 -20px; }
                      .injected-events-carousel-container::-webkit-scrollbar { display: none; }
                      .injected-events-carousel-wrapper { width: max-content; transform: none !important; padding-right: 20px; }
                      .injected-event-card { flex-basis: 80vw; scroll-snap-align: start; }
                      .events-carousel-arrow { display: none; }
                      .mobile-swipe-hint { display: flex; }
                      
                      /* --- *** MODIFICATION: Stack buttons on mobile *** --- */
                      .event-card-buttons-container {
                          flex-direction: column;
                          align-items: stretch;
                      }
                      .event-card-button, .event-card-calendar-button {
                          width: 100%;
                      }
                    }
                  `;
                document.head.appendChild(style);
            };

            // Wait for the DOM to be ready before running the script
            if (document.readyState === 'complete' || document.readyState === 'interactive') {
                runTransformation();
            } else {
                window.addEventListener('DOMContentLoaded', runTransformation);
            }

            injectCSS();

        })();
    }
</script>
</body>
</html>