<!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/1085/RcDD10850972.jpg" itemprop="image" width="1903" height="490" />
<meta property="og:image:width" content="1903" />
<meta property="og:image:height" content="490" />
<meta name="keywords" content="Shavuot," />
<meta name="title" content="Shavuot - Chabad-Lubavitch of Winnipeg" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="741440-741448-763283-4762561" />
<meta name="article-keywords" content="23215-8495-8497-16403-16669-2170-2898-20962" />
<meta name="scope-aid" content="741440" />
<meta name="scope-aid" content="741448" />
<meta name="scope-aid" content="763283" />
<meta name="scope-aid" content="4762561" />
<meta name="article-keyword" content="23215" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8497" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="16669" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.chabadwinnipeg.org/templates/section_cdo/aid/4762561/jewish/Shavuot.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Shavuot" /><link rel="canonical" href="https://www.chabadwinnipeg.org/templates/section_cdo/aid/4762561/jewish/Shavuot.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/15796.gif" />
<link rel="icon" type="image/png" href="https://www.chabadwinnipeg.org/media/images/1102/JoQC11022879.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/shavous/shavuos-minisite.css?v=9/8/2026" id="k23215" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	


<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2020-05-26","primaryArticleId":4762561,"title":"Shavuot","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Jewish Holidays","contentLevel3":"Shavuot ","siteName":"Chabad-Lubavitch of Winnipeg"},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":60,"hebrewDate":"5787-07-25"}});
		dataLayer.push({ 'articleHierarchy': '-741440-741448-763283-4762561-', 'keywords': '-k20962-k2898-k2170-k16669-k16403-k8497-k8495-k23215-', 'k': '-741440-741448-763283-4762561--k20962-k2898-k2170-k16669-k16403-k8497-k8495-k23215-' });
	
</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 = 4280995;var sc_partition = 54;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "8dd34a30";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c55.statcounter.com/counter.php?sc_project=4280995&amp;java=0&amp;security=8dd34a30&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<!-- Global site tag (gtag.js) - Google Analytics -->


<style> .userform-form::after{content:"100% of the proceeds of this donation or payment benefit Chabad Lubavitch of Winnipeg, a registered charitable organization #131691206RR0001";}</style>


<script async src="https://www.googletagmanager.com/gtag/js?id=UA-186367170-1"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-186367170-1');
</script><script>
document.addEventListener("DOMContentLoaded", function () {
  const dateEl = document.querySelector(".holiday_date .widget_content");
  if (dateEl && dateEl.innerText.includes("March 2, 2026")) {
    dateEl.innerText = "March 2–3, 2026";
  }
});
</script><title>
	Shavuot - Chabad-Lubavitch of Winnipeg
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_root">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadWinnipeg.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad-Lubavitch of Winnipeg</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/4762561" style="text-decoration:none">
 SHAVUOT
</a>
</div>
<div class="centerName">

At
Chabad-Lubavitch of Winnipeg

</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
June 10 - 12, 2027</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent selected">
<a href="/article.asp?aid=4762561" class="parent selected">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7339622" class="parent">Kosher Take Out - Shavuot Menu</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4395277" class="parent">Shavuot Celebration 2026</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=1210840" class="parent">Shavuos Service Times 2026</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6457735" class="parent">Late Night Learning 2026</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	

<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/shavous/Shavuot_tablets.png" /></div>
<div class="title titleIcon">
Shavuot with Chabad
</div>
<div class="message">
<br/>                                                             
</div>
<div class="read-more_link">
<br/>
</div>

</div>


<div class="large_banner wrap-image">
<div class="bannerContainer">

<a href="/4395277" style="left: 0px; right: -2px; top: 0px;" ></a>

<img src="https://w2.chabad.org/media/images/818/AACC8180458.jpg" />
<div class="textWrapper">
<span>

<p class="big">Celebrate Shavuot</p>


<p class="wrapper-message">
<span style="font-size: 18px;">Hear the Ten Commandments, Re-enact Mt. Sinai, & join the Community for a grand dairy Kiddush!</span></p> 
</span>                     
<div class="bannerCta">

<button>Learn More</button></div>
</div>
</div>
</div>

<div class="small_promos">

<div class="sPromo-wrap">

<a href="/1210840" ></a>

<img src="https://w2.chabad.org/media/images/1128/SWlo11285357.jpg" border="0" />
<div class="caption">
Shul Schedule</div>

</div>


<div class="sPromo-wrap">

<a href="/4395277" ></a>

<img src="https://w2.chabad.org/media/images/1000/lzWQ10002614.jpg" border="0" />
<div class="caption">
Bring your kids!</div>

</div>



<div class="sPromo-wrap">

<a href="/6457735" ></a>

<img src="https://w2.chabad.org/media/images/1119/TvhK11199730.jpg" border="0" />
<div class="caption">
Late Night Learning</div>

</div>

</div>

              
<div class="latest_features">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/shavous/Shavuot_cake1.png" /></div>
<div class="features_title titleIcon">
Learn More about Shavuot</div>
<div class="co_content">

<div class="co_features">
<div class="wrap-image">
<a href="/4752302">
<img class="statimg" src="https://w2.chabad.org/media/images/1013/eLVl10130376.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4752302">Tips and How To's</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/32629">
<img class="statimg" src="https://w2.chabad.org/media/images/872/oEhq8721749.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/32629">About Shavuot</a></div>
</div>

<div class="co_features">
<div class="wrap-image">
<a href="/32625">
<img class="statimg" src="https://w2.chabad.org/media/images/950/evDb9505842.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/32625">Shavuot Insights</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/354751">
<img class="statimg" src="https://w2.chabad.org/media/images/920/Kuiq9205104.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/354751">Shavuot Kids Site</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4751715">
<img class="statimg" src="https://w2.chabad.org/media/images/1013/aOQX10131344.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4751715">Shavuot Recipes</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/277245">
<img class="statimg" src="https://w2.chabad.org/media/images/929/BUwh9293941.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/277245">Shavuot Multimedia</a></div>
</div>
</div>
</div>

</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>
</div>
<div id="border_bottom"> </div>
</div>
</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=8"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadwinnipeg.org%2ftemplates%2fsection_cdo%2faid%2f4762561%2fjewish%2fShavuot.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Shavuot+-+Chabad-Lubavitch+of+Winnipeg&amp;url=https%3a%2f%2fwww.chabadwinnipeg.org%2ftemplates%2fsection_cdo%2faid%2f4762561%2fjewish%2fShavuot.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Shavuot+-+Chabad-Lubavitch+of+Winnipeg https%3a%2f%2fwww.chabadwinnipeg.org%2ftemplates%2fsection_cdo%2faid%2f4762561%2fjewish%2fShavuot.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadwinnipeg.org%2ftemplates%2fsection_cdo%2faid%2f4762561%2fjewish%2fShavuot.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Shavuot+-+Chabad-Lubavitch+of+Winnipeg">
				<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, 763283);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-Lubavitch of Winnipeg</span>
		<div class="footer-address">
			<span class="footer-street">1845 Mathers Avenue </span>
			<span class="footer-city-state">Winnipeg, MB R3N 0N2</span>
		</div>
			<span class="footer-country">Canada</span><span>204-339-8737</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-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/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-Lubavitch of Winnipeg'}; Co.ArticleId     = '4762561';Co.SectionId     = 763283;Co.PartnerSiteId = 0;Co.SiteId        = 266;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadWinnipeg.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
(function() {
    // 0. URL CHECK — Winnipeg Chai Club form
    if (window.location.href.indexOf('7512360') === -1) { return; }

    console.log("Winnipeg Chai Club Script: Initializing...");

    // CONFIGURATION: DONORS ENDPOINT (Apps Script web app)
    const DONORS_API_URL = "https://script.google.com/macros/s/AKfycbz7Vj8nWAyDtyIDSMP9kDGGNNFGzIz-LQZG7tdg4qOmvHShfZAILzQLx_S_-MUzpgtg-A/exec";

    /* ===========================================================
       PALETTE (pulled from Figma gG04C7RpZ5Q14zI1uNo9nt / 309:181)
       cream bg      #fff3db
       gold          #aa7509   (borders use rgba(170,117,9,0.32))
       navy          #0d435f
       steel blue    #27688b   (selected fill rgba(39,104,139,0.06))
       donor card    #ececec
       text          #424242 / #3a3a3a / #535353 / #737373 / #8b8b8b / #a8a8a8
       input border  #ebebeb / #d8d8d8
       =========================================================== */

    // 1. STYLE INJECTION
    var wpgStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap');

        :root {
            --wpg-cream: #fff3db;
            --wpg-gold: #aa7509;
            --wpg-gold-32: rgba(170, 117, 9, 0.32);
            --wpg-navy: #0d435f;
            --wpg-steel: #27688b;
            --wpg-steel-6: rgba(39, 104, 139, 0.06);
            --wpg-navy-70: rgba(13, 67, 95, 0.70);
            --wpg-card: #ececec;
            --wpg-text: #424242;
            --wpg-text-dark: #3a3a3a;
            --wpg-text-mid: #535353;
            --wpg-label: #737373;
            --wpg-sublabel: #8b8b8b;
            --wpg-muted: #a8a8a8;
            --wpg-input-border: #ebebeb;
            --wpg-line: #d8d8d8;
        }

        body {
            font-family: "Spectral", serif !important;
            color: var(--wpg-text) !important;
            margin: 0 !important;
            background: var(--wpg-cream) !important;
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Outfit" !important;
            font-size: 18px !important;
            color: var(--wpg-text) !important;
        }

        /* Responsive image swap */
        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }
        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important; }
            .belair-chai-donors-wrapper { width: 100% !important; }
        }

        /* --- ABOUT CARDS --- */
        .chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
        .chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
        .chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }

        .chai-belair-card {
            border-radius: 17px !important;
            padding: 30px !important;
            box-sizing: border-box !important;
            box-shadow: none !important;
            border: 1px solid var(--wpg-gold-32) !important;
        }

        /* Gift card = gold, text card = white */
        .chai-belair-bg-blue { background-color: var(--wpg-gold) !important; color: #ffffff !important; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: var(--wpg-text) !important; }

        /* Feature cards: white / navy / white */
        #row-1, #row-3 { background-color: #ffffff !important; }
        #row-2 { background-color: var(--wpg-navy) !important; border-color: var(--wpg-navy) !important; }

        .chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
        .chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.3) !important; padding-right: 20px !important; }
        .chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
        .chai-belair-title { font-family: 'Spectral', serif !important; font-weight: 800 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
        .chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; color: var(--wpg-gold) !important; }
        .chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; color: var(--wpg-gold) !important; }
        .chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
        .chai-belair-text-bold { font-weight: 700 !important; }
        .chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
        .chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
        .chai-belair-feature-text { font-family: 'Outfit', sans-serif !important; font-weight: 300 !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: var(--wpg-text) !important; }
        #row-2 .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: var(--wpg-gold) !important; font-weight: 700 !important; font-family: 'Outfit', sans-serif !important; }
        .chai-belair-highlight-white { color: #ffffff !important; font-weight: 700 !important; font-family: 'Outfit', sans-serif !important; }

        @media (max-width: 768px) {
            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }
            #id_5 .form-sub-label-container { width: 45% !important; }
        }

        /* --- FORM WRAPPER BOX --- */
        .belair-white-box {
            background-color: #ffffff !important;
            border-radius: 36px !important;
            padding: 40px !important;
            max-width: 1000px !important;
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        /* --- HEADER & NAV --- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: var(--wpg-text) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
        .belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
        .belair-chai-nav-left { display: flex !important; align-items: center !important; }
        .belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
        .belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
        .belair-chai-nav-item { font-family: "Outfit", sans-serif !important; font-size: 18px !important; font-weight: 300 !important; text-transform: capitalize !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; color: var(--wpg-text) !important; }
        .belair-chai-nav-item:hover { color: var(--wpg-gold) !important; }

        .belair-chai-hero-image {
            width: 100% !important;
            max-width: 1000px !important;
            max-height: 650px !important;
            overflow: hidden !important;
            margin-bottom: 40px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }
        .belair-chai-hero-image img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block;
            border-radius: 17px !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; text-align: center !important; }
        .belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
        .belair-chai-logo-img { width: 100% !important; max-width: 420px !important; height: auto !important; object-fit: contain !important; }

        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large {
            font-size: 26px !important;
            padding: 15px 40px !important;
            background-color: var(--wpg-steel) !important;
            border-color: var(--wpg-steel) !important;
            border-radius: 18px !important;
        }
        .belair-chai-cta-btn-large:hover { background-color: #ffffff !important; color: var(--wpg-steel) !important; }
        .belair-chai-cta-btn-large:hover svg { fill: var(--wpg-steel) !important; }

        /* --- BUTTONS (nav Join = gold pill) --- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: var(--wpg-gold) !important;
            color: #fff !important;
            padding: 10px 24px !important;
            border-radius: 9px !important;
            font-weight: 600 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid var(--wpg-gold) !important;
            transition: all 0.3s ease !important;
            font-family: "Outfit", sans-serif !important;
        }
        .belair-btn-blue:hover { background-color: #fff !important; color: var(--wpg-gold) !important; }
        .belair-btn-blue svg { fill: #fff !important; width: 18px !important; height: 18px !important; }
        .belair-btn-blue:hover svg { fill: var(--wpg-gold) !important; }

        /* --- DONORS SECTION (gold) --- */
        .belair-chai-donors-wrapper {
            width: 1000px;
            max-width: 100% !important;
            background-color: var(--wpg-gold) !important;
            padding: 60px 0 !important;
            border-top: none !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            scroll-margin-top: 80px !important;
            border-radius: 17px !important;
            margin-bottom: 40px !important;
            box-sizing: border-box !important;
        }
        .belair-chai-partners-title {
            font-size: 64px !important;
            margin-bottom: 15px !important;
            display: flex !important;
            align-items: baseline !important;
            gap: 14px !important;
            line-height: 1 !important;
            font-family: 'Spectral', serif !important;
        }
        .word-chai { font-weight: 800 !important; color: #ffffff !important; text-transform: uppercase !important; }
        .word-partners { font-weight: 300 !important; color: #ffffff !important; text-transform: uppercase !important; }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        .belair-chai-thank-you {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #ffffff !important;
            margin-bottom: 10px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart { height: 30px !important; width: 30px !important; margin-left: 5px !important; }

        .belair-chai-active-count {
            font-size: 18px !important;
            font-weight: 500 !important;
            color: #ffffff !important;
            margin-bottom: 40px !important;
            font-family: "Spectral", serif !important;
        }

        .belair-chai-donors-grid {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
            max-width: 900px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

        .belair-chai-donor-card {
            background-color: var(--wpg-card) !important;
            border-radius: 8px !important;
            padding: 20px !important;
            min-height: 120px !important;
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            box-shadow: none !important;
            border: 1px solid var(--wpg-gold-32) !important;
            font-family: 'Spectral', serif !important;
        }
        .belair-chai-card-top { margin-bottom: 15px !important; }
        .belair-chai-name-row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 5px !important; }
        .belair-chai-name { font-size: 20px !important; font-weight: 700 !important; color: var(--wpg-text-dark) !important; line-height: 1.2 !important; text-transform: capitalize !important; }
        .belair-chai-card-divider { width: 100% !important; height: 1px !important; background-color: rgba(0, 0, 0, 0.09) !important; margin: 10px 0 !important; }
        .belair-chai-level { font-size: 13px !important; text-transform: uppercase !important; color: var(--wpg-label) !important; letter-spacing: 0.5px !important; }
        .belair-chai-card-bottom { font-size: 12px !important; font-weight: 600 !important; color: var(--wpg-muted) !important; display: flex !important; align-items: center !important; gap: 5px !important; text-transform: capitalize !important; }
        .donor-card-heart svg { width: 14px !important; height: 14px !important; }

        /* "Become A Chai Partner" button inside gold section (white) */
        .belair-donors-cta {
            margin-top: 40px !important;
            background-color: #ffffff !important;
            color: var(--wpg-gold) !important;
            border-color: #ffffff !important;
            border-radius: 18px !important;
            font-size: 20px !important;
        }
        .belair-donors-cta svg { fill: var(--wpg-gold) !important; }
        .belair-donors-cta:hover { background-color: var(--wpg-gold) !important; color: #ffffff !important; }
        .belair-donors-cta:hover svg { fill: #ffffff !important; }

        .belair-view-all-container, .belair-view-all-btn { display: none !important; }

        /* --- GENERAL FORM OVERRIDES --- */
        .form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }

        .form-label, .form-sub-label {
            font-family: "Outfit", sans-serif !important;
            font-size: 16px !important;
            font-weight: 300 !important;
            color: var(--wpg-label) !important;
            margin-bottom: 8px !important;
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            float: none !important;
        }
        .form-sub-label { color: var(--wpg-sublabel) !important; font-size: 14px !important; }

        .form-address-table th { display: table-cell !important; color: var(--wpg-label) !important; font-weight: 600 !important; padding-bottom: 10px !important; text-align: left !important; }

        .form-textbox, .form-dropdown, .form-textarea {
            width: 100% !important;
            max-width: 100% !important;
            padding: 12px 15px !important;
            border: 1px solid var(--wpg-input-border) !important;
            border-radius: 6px !important;
            font-family: "Outfit", sans-serif !important;
            font-size: 16px !important;
            box-sizing: border-box !important;
            transition: border-color 0.3s !important;
            background-color: #ffffff !important;
            color: var(--wpg-text) !important;
        }
        .form-textbox:focus, .form-dropdown:focus {
            border-color: var(--wpg-steel) !important;
            outline: none !important;
            background-color: #fff !important;
        }

        /* Full name side-by-side */
        #id_5 .form-sub-label-container { width: 49%; display: inline-block !important; }
        #id_5 .form-sub-label-container:first-child { margin-right: 1% !important; }

        /* Anonymous checkbox row */
        #id_7 .form-single-column { display: flex !important; align-items: center !important; gap: 8px !important; }
        #id_7 .form-checkbox-item { display: flex !important; align-items: center !important; gap: 8px !important; }
        #id_7 label { font-family: "Outfit", sans-serif !important; font-size: 15px !important; color: var(--wpg-text-mid) !important; }
        #id_7 input[type="checkbox"] { accent-color: var(--wpg-navy) !important; }

        #id_3 .form-label-top, #id_5 .form-label-top, #id_6 .form-label-top, #id_8 .form-label-top, #id_10 .form-label-top {
            float: none !important;
            display: block !important;
            text-align: left !important;
        }
        .form-input { margin-left: 0 !important; width: 100% !important; }

        /* --- TIER SECTION (id_3 — checkbox field) --- */
        #cid_3 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
        }
        #label_3 { float: none !important; display: block !important; width: 100% !important; text-align: center !important; margin-bottom: 20px !important; }
        li#id_3 { display: flex !important; flex-direction: column !important; align-items: center !important; background-color: #ffffff !important; }
        #cid_3 br, #cid_3 .clearfix { display: none !important; }

        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: var(--wpg-text) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-sub-title { font-size: 16px !important; font-weight: 400 !important; color: var(--wpg-label) !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }

        .tier-card {
            position: relative !important;
            border-radius: 8px !important;
            padding: 22px 20px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: center !important;
            min-height: 110px !important;
            cursor: pointer !important;
            transition: transform 0.2s, background-color 0.2s, border-color 0.2s !important;
            box-sizing: border-box !important;
            margin: 0 !important;
            width: 100% !important;
            background-color: var(--wpg-cream) !important;
            border: 1px solid var(--wpg-gold) !important;
            float: none !important;
        }
        .tier-card span { cursor: pointer !important; display: block; width: 100%; }
        .tier-card:hover { transform: translateY(-3px) !important; }

        /* Alternating navy / gold cards (matches Figma) */
        .tier-card-navy { border-color: var(--wpg-navy) !important; }
        .tier-card-gold { border-color: var(--wpg-gold) !important; }
        .tier-card-navy .tier-price { color: var(--wpg-navy) !important; }
        .tier-card-gold .tier-price { color: var(--wpg-gold) !important; }

        .tier-card.tier-selected { background-color: var(--wpg-steel-6) !important; border-width: 2px !important; }
        .tier-card-navy.tier-selected { border-color: var(--wpg-navy) !important; }
        .tier-card-gold.tier-selected { border-color: var(--wpg-gold) !important; }

        /* Hide the native checkbox, draw a radio-style circle */
        .tier-card input[type="checkbox"] {
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 20px !important;
            height: 20px !important;
            border-radius: 50% !important;
            border: 1px solid #a3a3a3 !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 12px !important;
            right: 12px !important;
            margin: 0 !important;
        }
        .tier-card input[type="checkbox"]:checked {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
            background-size: 14px !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }
        .tier-card-navy input[type="checkbox"]:checked { background-color: var(--wpg-navy) !important; border-color: var(--wpg-navy) !important; }
        .tier-card-gold input[type="checkbox"]:checked { background-color: var(--wpg-gold) !important; border-color: var(--wpg-gold) !important; }

        .tier-card label { width: 100% !important; margin: 0 !important; padding-right: 30px !important; }
        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; text-align: left !important; }
        .tier-name {
            font-size: 18px !important;
            font-weight: 600 !important;
            margin-bottom: 8px !important;
            color: var(--wpg-text) !important;
            text-transform: capitalize !important;
            letter-spacing: 0 !important;
            font-family: "Spectral", serif !important;
        }
        .tier-line { width: 100% !important; height: 1px !important; background-color: #d4d4d4 !important; margin: 6px 0 12px 0 !important; }
        .tier-price { font-size: 18px !important; font-weight: 800 !important; font-family: "Spectral", serif !important; }
        .tier-price .tier-per { font-weight: 400 !important; font-size: 11px !important; color: var(--wpg-label) !important; margin-left: 4px !important; }

        /* Other amount card — gold border, "$" + underline input */
        .tier-card-other { grid-column: 1 / -1 !important; flex-direction: row !important; align-items: center !important; gap: 20px !important; min-height: 60px !important; padding: 14px 20px !important; border-color: var(--wpg-gold) !important; }
        .tier-card-other.tier-selected { border-color: var(--wpg-gold) !important; }
        .tier-card-other .tier-other-label { font-family: "Spectral", serif !important; font-size: 18px !important; font-weight: 600 !important; color: var(--wpg-text) !important; white-space: nowrap !important; width: auto !important; }
        .tier-card-other .tier-other-wrapper { display: flex !important; align-items: center !important; flex-grow: 1 !important; max-width: 480px !important; width: auto !important; }
        .tier-card-other .tier-currency { font-size: 18px !important; font-weight: 800 !important; margin-right: 8px !important; color: var(--wpg-gold) !important; font-family: "Spectral", serif !important; }
        .tier-card-other input[type="number"] {
            width: 100% !important;
            margin: 0 !important;
            padding: 6px 4px !important;
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid var(--wpg-gold) !important;
            border-radius: 0 !important;
            font-family: "Spectral", serif !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            color: var(--wpg-navy) !important;
            box-shadow: none !important;
        }
        .tier-card-other input[type="number"]:focus { border-bottom-color: var(--wpg-navy) !important; outline: none !important; background: transparent !important; }
        .tier-card .form-checkbox-other-input:disabled { pointer-events: none !important; background: transparent !important; cursor: pointer !important; }
        .tier-card-other input[type="checkbox"] { top: 50% !important; transform: translateY(-50%) !important; }
        .tier-card-other input[type="checkbox"]:checked { background-color: var(--wpg-gold) !important; border-color: var(--wpg-gold) !important; }

        /* --- PAYMENT DETAILS HEADER (cid_4) --- */
        #header_4 {
            text-align: center !important;
            font-size: 32px !important;
            color: var(--wpg-text) !important;
            font-family: "Spectral", serif !important;
            font-weight: 800 !important;
            margin: 30px 0 20px 0 !important;
            padding-bottom: 15px !important;
            display: block !important;
        }

        /* --- PAYMENT SECTION (#cid_10) --- */
        #label_10 label { font-weight: 600 !important; color: var(--wpg-text-mid) !important; }

        #cid_10 { background: transparent !important; border: none !important; padding: 0 !important; margin-top: 10px !important; box-sizing: border-box !important; }

        #cid_10 > table > tbody > tr:nth-child(1) > td {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 15px !important;
            width: 100% !important;
            margin-bottom: 20px !important;
        }
        .form-payment-methods .form-radio-item {
            display: flex !important;
            flex-direction: row-reverse !important;
            justify-content: space-between !important;
            align-items: center !important;
            background-color: #fff !important;
            border: 1px solid var(--wpg-line) !important;
            border-radius: 15px !important;
            padding: 15px !important;
            cursor: pointer !important;
            min-width: 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
            float: none !important;
            margin: 0 !important;
        }
        .form-payment-methods .form-radio-item.active-payment-card {
            background-color: var(--wpg-steel-6) !important;
            border-color: var(--wpg-navy-70) !important;
        }
        .form-payment-methods label { font-size: 15px !important; font-family: 'Outfit', sans-serif !important; color: var(--wpg-text-mid) !important; cursor: pointer !important; white-space: nowrap !important; }
        .form-payment-methods input[type="radio"] { accent-color: var(--wpg-navy) !important; transform: scale(1.1) !important; margin-left: 5px !important; }

        #cid_10 .form-address-table, #cid_10 .form-address-table tbody { display: block !important; width: 100% !important; }
        .form-address-table { max-width: 100% !important; }
        #cid_10 .form-address-table tr:not(.hide) { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin-bottom: 15px !important; }
        #cid_10 .form-address-table td { padding: 0 !important; width: 100% !important; display: block !important; }
        #cid_10 tr.credit_card:not(.hide), #cid_10 tr.paypal:not(.hide), #cid_10 tr.e_check:not(.hide), #cid_10 tr.other:not(.hide), #cid_10 tr.billing_address:not(.hide) {
            border-radius: 8px !important; padding: 0 !important; box-sizing: border-box !important; margin-top: 15px !important;
        }
        #cid_10 .form-textbox, #cid_10 .form-dropdown {
            width: 100% !important; max-width: 100% !important; padding: 12px 15px !important;
            border: 1px solid var(--wpg-input-border) !important; border-radius: 6px !important;
            font-family: "Outfit", sans-serif !important; font-size: 16px !important; box-sizing: border-box !important;
            background-color: #ffffff !important; transition: border-color 0.3s !important;
        }
        #cid_10 .form-textbox:focus, #cid_10 .form-dropdown:focus { border-color: var(--wpg-steel) !important; outline: none !important; }
        #cid_10 th {
            font-family: "Outfit", sans-serif !important; font-weight: 600 !important; color: var(--wpg-text-mid) !important; text-align: left !important;
            padding-bottom: 10px !important; display: block !important; border-bottom: 1px solid #eee !important; margin-bottom: 15px !important; margin-top: 5px !important; width: 100% !important;
        }
        #cid_10 .cc-field-wrapper { width: 100% !important; }
        #cid_10 .cc_ccv { width: 100% !important; margin-top: 10px !important; }
        #cid_10 .form-sub-label { font-family: "Outfit", sans-serif !important; font-size: 14px !important; color: var(--wpg-sublabel) !important; margin-top: 5px !important; display: block !important; }

        /* --- TOTAL BOX (id_11): cream with navy outline --- */
        #id_11 {
            padding: 20px !important;
            margin-top: 20px !important;
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            background-color: var(--wpg-cream) !important;
            border: 1.5px solid var(--wpg-navy) !important;
            border-radius: 8px !important;
            box-sizing: border-box !important;
        }
        .total-row-inner { display: flex !important; justify-content: space-between !important; width: 100% !important; align-items: center !important; }
        #id_11 #label_11 { margin: 0 !important; width: auto !important; }
        #id_11 #label_11 label { font-family: "Spectral", serif !important; font-size: 18px !important; font-weight: 600 !important; color: var(--wpg-text) !important; margin: 0 !important; width: auto !important; }
        #total_amount {
            font-size: 24px !important;
            font-weight: 800 !important;
            color: var(--wpg-navy) !important;
            display: flex !important;
            align-items: baseline !important;
            font-family: "Outfit", serif !important;
        }
        #total_amount:after { content: "/Month" !important; font-size: 16px !important; color: var(--wpg-label) !important; font-weight: 400 !important; margin-left: 5px !important; }
        #div_offset_gift_11 { display: block !important; width: 100% !important; margin-top: 12px !important; padding-top: 12px !important; border-top: 1px solid rgba(66, 66, 66, 0.2) !important; }
        #div_offset_gift_11 label { font-family: "Outfit", sans-serif !important; font-size: 14px !important; color: var(--wpg-text-mid) !important; }
        #div_offset_gift_11 input[type="checkbox"] { accent-color: var(--wpg-navy) !important; margin-right: 8px !important; }

        /* --- SUBMIT BUTTON (navy) --- */
        #id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
        #cid_2 .form-buttons-wrapper { text-indent: 0 !important; }
        .form-submit-button { box-shadow: unset !important; }
        #input_2 {
            width: 100% !important;
            max-width: 520px !important;
            margin: 0 auto !important;
            background-color: var(--wpg-navy) !important;
            color: #fff !important;
            font-family: "Outfit", sans-serif !important;
            font-weight: 600 !important;
            font-size: 22px !important;
            padding: 15px 25px !important;
            border-radius: 18px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 15px !important;
            position: relative !important;
            cursor: pointer !important;
            border: 2px solid var(--wpg-navy) !important;
            transition: all 0.3s ease !important;
        }
        #input_2:hover { background-color: #ffffff !important; color: var(--wpg-navy) !important; }
        #input_2:hover .belair-submit-arrow svg { fill: var(--wpg-navy) !important; transition: fill 0.3s ease !important; }

        @media (max-width: 768px) {
            .belair-chai-nav { display: none !important; }
            .belair-white-box { padding: 20px !important; border-radius: 20px !important; }
            .belair-chai-partners-title { font-size: 25px !important; }
            .belair-chai-logo-img { max-width: 260px !important; }
            .belair-chai-donors-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; width: 95% !important; }
            #cid_3 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .tier-card-other { grid-column: 1 / -1 !important; }
            #cid_10 > table > tbody > tr:nth-child(1) > td { grid-template-columns: repeat(2, 1fr) !important; }
        }

        /* --- PAGE CENTERING --- */
        #formContainer, .userform-form, .form-all, .form-all .form-section {
            width: 100% !important;
            max-width: 1000px !important;
            margin: 0 auto !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            float: none !important;
        }
        .form-all .form-section { list-style: none !important; }
        #id_1, #cid_1, #text_1 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
        .belair-chai-container, .belair-chai-donors-wrapper { width: 100% !important; max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; }
        .belair-chai-donors-wrapper { margin-bottom: 40px !important; }
        @media (max-width: 1040px) {
            #formContainer, .userform-form, .form-all { padding: 0 5px !important; }
            .belair-chai-hero-image img{ margin-top: 10px !important; height: 250px !important;}
        }

        /* --- "BACK TO" BAR (.cco_templateless_template) — navy strip, link untouched --- */
        .cco_templateless_template {
            background-image: none !important;
            background-color: var(--wpg-navy) !important;
            width: 100% !important;
            max-width: none !important;
            height: 36px !important;
            line-height: 36px !important;
            margin: 0 !important;
            padding: 0 !important;
            text-indent: 0 !important;
            text-align: left !important;
            border: none !important;
            box-sizing: border-box !important;
            font-family: "Outfit", sans-serif !important;
            position: relative !important;
        }
        .cco_templateless_template a {
            display: block !important;
            max-width: 1000px !important;
            margin: 0 auto !important;
            font-family: "Outfit", sans-serif !important;
            font-size: 13px !important;
            letter-spacing: 0.06em !important;
            color: #ffffff !important;
            text-decoration: none !important;
        }
        .cco_templateless_template a:hover { color: var(--wpg-cream) !important; }
        @media (max-width: 1040px) { .cco_templateless_template a { padding: 0 16px !important; } }

        /* --- SCROLL ANIMATION --- */
        /* No will-change, and transform fully removed once visible: a permanent composited layer on a tall element can paint blank on iOS Safari */
        .belair-animate-hidden { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
        .belair-animate-visible { opacity: 1; transform: none; }
    `;
    wpgStyles = wpgStyles.replace(/\u00A0/g, ' ');
    // Fonts via <link> (belt and braces — @import inside injected <style> is sometimes stripped by the CMS)
    if (!document.getElementById('wpg-fonts')) {
        var fontLink = document.createElement('link');
        fontLink.id = 'wpg-fonts';
        fontLink.rel = 'stylesheet';
        fontLink.href = 'https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap';
        document.head.appendChild(fontLink);
    }
    var styleSheet = document.createElement("style");
    styleSheet.innerHTML = wpgStyles;
    document.head.appendChild(styleSheet);

    const ARROW_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>`;

    function scrollToTiers() {
        var target = document.getElementById('id_3') || document.getElementById('cid_3');
        if (target) target.scrollIntoView({ behavior: 'smooth' });
    }

    // 2. SVGS + JOIN BUTTONS
    function injectSVGs() {
        document.querySelectorAll('.box-arrow-target').forEach(el => { el.innerHTML = ARROW_SVG; });

        const submitBtn = document.getElementById('input_2');
        if (submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            const arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow';
            arrowDiv.style.display = "flex";
            arrowDiv.style.alignItems = "center";
            arrowDiv.innerHTML = ARROW_SVG;
            const overrideStyle = document.createElement('style');
            overrideStyle.innerHTML = `#input_2::after { display: none !important; content: none !important; }`;
            document.head.appendChild(overrideStyle);
            submitBtn.appendChild(arrowDiv);
        }

        document.querySelectorAll('.nav-join-action').forEach(function(btn) {
            btn.addEventListener('click', function(e) { e.preventDefault(); scrollToTiers(); });
        });
    }

    // 3. DONORS FROM APPS SCRIPT
    var donorsStarted = false;
    function fetchAndRenderDonors() {
        if (donorsStarted) return true;

        var grid = document.getElementById('belair-chai-donors-grid');
        var countDisplay = document.getElementById('donor-count-display');
        var wrapper = document.getElementById('section-partners');

        if (!grid && countDisplay) {
            grid = document.createElement('div');
            grid.id = 'belair-chai-donors-grid';
            grid.className = 'belair-chai-donors-grid';
            countDisplay.parentNode.insertBefore(grid, countDisplay.nextSibling);
        }
        if (!grid) return false; // section not in the DOM yet — caller retries
        donorsStarted = true;

        if (wrapper && !wrapper.querySelector('.belair-donors-cta')) {
            var cta = document.createElement('a');
            cta.className = 'belair-btn-blue belair-donors-cta';
            cta.innerHTML = 'Become A Chai Partner ' + ARROW_SVG;
            cta.addEventListener('click', function(e) { e.preventDefault(); scrollToTiers(); });
            wrapper.appendChild(cta);
        }

        var HEART_PATH = '<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>';
        var HEART_GOLD = '<svg viewBox="0 0 24 24" style="fill:#aa7509">' + HEART_PATH + '</svg>';
        var HEART_NAVY = '<svg viewBox="0 0 24 24" style="fill:#0d435f">' + HEART_PATH + '</svg>';
        var STORE_KEY = 'wpgChaiDonors';

        // Donor text is set with textContent only — no HTML-entity literals anywhere in this file,
        // because the CMS / copy-paste decodes them and breaks the script.
        function el(tag, cls, text) {
            var node = document.createElement(tag);
            if (cls) node.className = cls;
            if (text != null) node.textContent = String(text);
            return node;
        }

        function renderCards(donors) {
            grid.innerHTML = '';
            if (countDisplay) countDisplay.innerText = donors.length + '+ Active Partners';
            donors.forEach(function(d, i) {
                var card = el('div', 'belair-chai-donor-card');

                var top = el('div', 'belair-chai-card-top');
                var nameRow = el('div', 'belair-chai-name-row');
                nameRow.appendChild(el('div', 'belair-chai-name', d.name || 'Anonymous'));
                top.appendChild(nameRow);
                top.appendChild(el('div', 'belair-chai-level', d.level || 'Chai Partner'));

                var bottom = el('div', 'belair-chai-card-bottom');
                var heart = el('div', 'donor-card-heart');
                heart.innerHTML = (i % 2 === 0) ? HEART_GOLD : HEART_NAVY; // static markup, not sheet data
                bottom.appendChild(heart);
                if (d.since) bottom.appendChild(document.createTextNode('Partner Since ' + d.since));

                card.appendChild(top);
                card.appendChild(el('div', 'belair-chai-card-divider'));
                card.appendChild(bottom);
                grid.appendChild(card);
            });
        }

        function save(donors) { try { localStorage.setItem(STORE_KEY, JSON.stringify(donors)); } catch (e) {} }
        function load() { try { return JSON.parse(localStorage.getItem(STORE_KEY) || 'null'); } catch (e) { return null; } }

        function handle(data) {
            if (!data || !data.ok || !Array.isArray(data.donors)) throw new Error('Bad donors payload');
            renderCards(data.donors);
            save(data.donors);
        }

        // Fallback: script-tag load — no CORS involved, survives the script.google.com redirect
        function viaJsonp() {
            return new Promise(function(resolve, reject) {
                var cb = 'wpgDonorsCb' + Date.now();
                var s = document.createElement('script');
                var timer = setTimeout(function() { cleanup(); reject(new Error('JSONP timeout')); }, 15000);
                function cleanup() {
                    clearTimeout(timer);
                    try { delete window[cb]; } catch (e) { window[cb] = undefined; }
                    if (s.parentNode) s.parentNode.removeChild(s);
                }
                window[cb] = function(data) { cleanup(); resolve(data); };
                s.onerror = function() { cleanup(); reject(new Error('JSONP load error')); };
                s.src = DONORS_API_URL + '?callback=' + cb;
                document.head.appendChild(s);
            });
        }

        // Paint last known list immediately so the section is never empty on a repeat visit
        var cached = load();
        if (cached && cached.length) renderCards(cached);

        // No custom headers (would trigger a preflight Apps Script can't answer); no cookies (avoids multi-account /u/1 redirects)
        fetch(DONORS_API_URL, { credentials: 'omit', redirect: 'follow' })
            .then(function(r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); })
            .then(handle)
            .catch(function(err) {
                console.warn('Donors fetch failed, trying JSONP:', err);
                return viaJsonp().then(handle);
            })
            .catch(function(err) {
                console.error('Donors unavailable:', err);
                if (!(cached && cached.length) && countDisplay) countDisplay.innerText = '';
            });

        return true;
    }

    // 4. WRAP FORM (tiers → submit)
    function wrapFormContent() {
        var startElement = document.getElementById('id_3');
        var endElement = document.getElementById('id_2');
        if (startElement && endElement) {
            var parent = startElement.parentNode;
            var wrapper = document.createElement('div');
            wrapper.className = 'belair-white-box';
            parent.insertBefore(wrapper, startElement);
            var current = startElement, toMove = [];
            while (current) {
                toMove.push(current);
                if (current === endElement) break;
                current = current.nextElementSibling;
            }
            toMove.forEach(function(el) { wrapper.appendChild(el); });
        }
    }

    // 5. RESTRUCTURE TIERS (checkbox field → single-select cards)
    function restructureTierSection() {
        var headerLabel = document.querySelector('#label_3 label');
        if (headerLabel) {
            var parts = headerLabel.innerHTML.split('/n');
            if (parts.length > 1) {
                headerLabel.innerHTML = `<span class="tier-main-title">${parts[0].trim()}</span><span class="tier-sub-title">${parts[1].trim()}</span>`;
            }
        }

        var container = document.querySelector('#cid_3 .form-single-column');
        if (!container) return;
        var items = Array.from(container.querySelectorAll('.form-checkbox-item'));

        function fireChange(input) { input.dispatchEvent(new Event('change', { bubbles: true })); }

        function selectItem(item) {
            items.forEach(function(i) {
                var cb = i.querySelector('input[type="checkbox"]');
                var otherInp = i.querySelector('.form-checkbox-other-input');
                if (i !== item) {
                    i.classList.remove('tier-selected');
                    if (cb && cb.checked) { cb.checked = false; fireChange(cb); }
                    if (otherInp) {
                        otherInp.value = '';
                        otherInp.setAttribute('disabled', 'disabled');
                        otherInp.disabled = true;
                        fireChange(otherInp);
                    }
                }
            });
            item.classList.add('tier-selected');
            var cb = item.querySelector('input[type="checkbox"]');
            if (cb && !cb.checked) { cb.checked = true; fireChange(cb); }
            var otherInput = item.querySelector('.form-checkbox-other-input');
            if (otherInput) {
                otherInput.removeAttribute('disabled');
                otherInput.disabled = false;
                otherInput.focus();
            }
        }

        items.forEach(function(item, index) {
            item.classList.add('tier-card');
            var isOther = !!item.querySelector('.form-checkbox-other');
            if (!isOther) item.classList.add(index % 2 === 0 ? 'tier-card-navy' : 'tier-card-gold');

            if (isOther) {
                item.classList.add('tier-card-other');
                var numInput = item.querySelector('.form-checkbox-other-input');
                var innerSpan = numInput ? numInput.parentNode : null;
                if (numInput && innerSpan && !item.querySelector('.tier-other-label')) {
                    var lbl = document.createElement('span');
                    lbl.className = 'tier-other-label';
                    lbl.textContent = 'Other Amount';
                    innerSpan.classList.add('tier-other-wrapper');
                    var cur = document.createElement('span');
                    cur.className = 'tier-currency';
                    cur.textContent = '$';
                    innerSpan.insertBefore(cur, numInput);
                    numInput.placeholder = 'Enter amount';
                    item.insertBefore(lbl, innerSpan);
                }
            } else {
                var label = item.querySelector('label');
                if (label) {
                    var fullText = label.innerText.trim();
                    var dollarIndex = fullText.lastIndexOf('$');
                    if (dollarIndex !== -1) {
                        var title = fullText.substring(0, dollarIndex).trim();
                        var priceRaw = fullText.substring(dollarIndex).trim();
                        var slash = priceRaw.indexOf('/');
                        var price = slash !== -1 ? priceRaw.substring(0, slash) : priceRaw;
                        var per = slash !== -1 ? priceRaw.substring(slash) : '';
                        label.innerHTML = `
                            <div class="tier-card-content">
                                <div class="tier-name">${title}</div>
                                <div class="tier-line"></div>
                                <div class="tier-price">${price}<span class="tier-per">${per}</span></div>
                            </div>`;
                    }
                }
            }

            item.addEventListener('click', function(e) {
                // Let the user type in an already-enabled "Other" box
                if (e.target.tagName === 'INPUT' && e.target.type === 'number' && !e.target.disabled) return;
                e.preventDefault(); // stop native checkbox/label toggle; we manage state ourselves
                selectItem(item);
            });

            var backupOther = item.querySelector('.form-checkbox-other-input');
            if (backupOther) {
                backupOther.addEventListener('focus', function() {
                    if (!item.classList.contains('tier-selected')) selectItem(item);
                });
            }
        });
    }

    // 6. ENHANCE PAYMENT (id_10 / id_11)
    function enhancePaymentSection() {
        var ccNumber = document.getElementById('input_10_cc_number');
        if (ccNumber) ccNumber.placeholder = "0000 0000 0000 0000";
        var ccCvv = document.getElementById('input_10_cc_ccv');
        if (ccCvv) ccCvv.placeholder = "CVV";
        var ccName = document.getElementById('input_10_cc_nameOnCard');
        if (ccName) ccName.placeholder = "ex. John Smith";

        // Highlight active payment method card
        document.querySelectorAll('.form-payment-methods .form-radio-item').forEach(function(span) {
            var radio = span.querySelector('input[type="radio"]');
            if (!radio) return;
            radio.addEventListener('change', function() {
                document.querySelectorAll('.form-payment-methods .form-radio-item').forEach(s => s.classList.remove('active-payment-card'));
                if (radio.checked) span.classList.add('active-payment-card');
            });
        });

        // Total row restructure
        var totalContainer = document.getElementById('id_11');
        if (totalContainer) {
            var label = document.getElementById('label_11'); // the .form-label-top wrapper div
            var amount = document.getElementById('total_amount');
            if (label && amount && label.parentNode !== amount.parentNode) {
                var row = document.createElement('div');
                row.className = 'total-row-inner';
                row.appendChild(label);
                row.appendChild(amount);
                totalContainer.insertBefore(row, totalContainer.firstChild);
            }
        }
    }

    // 7. MONTHLY RECURRENCE (id_9) — always on, hidden
    function handleMonthlyRecurrence() {
        var cb = document.getElementById('input_9');
        var row = document.getElementById('id_9');
        if (cb) cb.checked = true;
        if (row) { row.style.display = 'none'; row.style.visibility = 'hidden'; }
    }

    // 7b. "BACK TO" BAR — strip inline !important styles so our CSS applies
    function styleBackBar() {
        document.querySelectorAll('.cco_templateless_template').forEach(function(bar) {
            bar.removeAttribute('style');
            bar.removeAttribute('width');
            bar.removeAttribute('align');
        });
    }

    // 8. SCROLL ANIMATIONS
    function setupScrollAnimations() {
        // The donors wrapper is deliberately NOT animated: it grows very tall once the list loads,
        // and a hidden tall element is exactly what can get stuck invisible on phones.
        var selectors = ['.belair-chai-nav', '.belair-chai-header-wrapper', '.belair-chai-hero-image', '.chai-belair-container',
                         '#id_3', '#id_5', '#id_6', '#id_10', '#id_2'];

        if (!('IntersectionObserver' in window)) return; // no observer → leave everything visible

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) { entry.target.classList.add('belair-animate-visible'); obs.unobserve(entry.target); }
            });
        }, { root: null, rootMargin: '0px 0px -40px 0px', threshold: 0 }); // threshold 0: any pixel on screen reveals it

        selectors.forEach(sel => {
            document.querySelectorAll(sel).forEach(el => { el.classList.add('belair-animate-hidden'); observer.observe(el); });
        });
    }

    function init() {
        if (window.wpgChaiInitialized) return;
        window.wpgChaiInitialized = true;
        injectSVGs();
        styleBackBar();
        handleMonthlyRecurrence();
        wrapFormContent();
        restructureTierSection();
        enhancePaymentSection();
        setupScrollAnimations();

        // Donors: the partners section can be parsed after the form, so retry until it exists
        if (!fetchAndRenderDonors()) {
            var donorTries = 0;
            var donorInterval = setInterval(function() {
                donorTries++;
                if (fetchAndRenderDonors() || donorTries > 100) clearInterval(donorInterval);
            }, 100);
        }
    }

    let attempts = 0;
    let initInterval = setInterval(function() {
        attempts++;
        if (document.getElementById('id_3') && document.querySelector('.belair-chai-container')) {
            clearInterval(initInterval);
            init();
        } else if (attempts > 100) {
            clearInterval(initInterval);
            console.warn("Winnipeg Chai Club Script: Form elements not found.");
        }
    }, 100);
})();
</script>
</body>
</html>