/* Phone layer: bottom bar, full-screen menu sheet, compact footer, swipeable card rows. Desktop is untouched. */
:root{--zm-g:#46821c;--zm-gd:#24391b;--zm-sun:#f6c21f;--zm-tint:#f6f9f1;--zm-line:#e3eed7;--zm-bar:64px}
.zi{flex:none;display:block}
.zm-bar,.zm-sheet,.zf-m{display:none}

/* ---------- Menu sheet (up to tablet width) ---------- */
@media (max-width:991.98px){
	.zm-sheet{position:fixed;inset:0;z-index:2000;background:#fff;color:var(--zm-gd);flex-direction:column;overscroll-behavior:contain}
	.zm-sheet:not([hidden]){display:flex;animation:zm-in .22s cubic-bezier(.2,.7,.2,1)}
	@keyframes zm-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
	.zm-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--zm-line);min-height:64px}
	.zm-sheet__head img{height:40px;width:auto;display:block}
	.zm-close{width:44px;height:44px;border:0;border-radius:50%;background:var(--zm-tint);color:var(--zm-gd);display:grid;place-items:center;cursor:pointer}
	.zm-sheet__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px calc(28px + env(safe-area-inset-bottom))}
	.zm-list{list-style:none;margin:0;padding:0}
	.zm-list>li{border-bottom:1px solid var(--zm-line)}
	.zm-link{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 4px;font-size:22px;font-weight:500;color:var(--zm-gd);text-decoration:none;list-style:none;cursor:pointer}
	.zm-link::-webkit-details-marker{display:none}
	.zm-link.is-on{color:var(--zm-g)}
	.zm-chev{transition:transform .2s;color:#8aa079}
	.zm-group[open] .zm-chev{transform:rotate(180deg)}
	.zm-sub{display:flex;flex-direction:column;padding:0 4px 14px}
	.zm-sub a{display:flex;align-items:center;min-height:46px;font-size:17px;color:#41553a;text-decoration:none;border-radius:10px}
	.zm-sub a:active{background:var(--zm-tint)}
	.zm-sub__all{color:var(--zm-g)!important;font-weight:500}
	.zm-sub__head{margin:12px 0 2px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#7d9170}
	.zm-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 10px}
	.zm-btn{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;font-size:16px;font-weight:500;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}
	.zm-btn--fill{background:var(--zm-g);color:#fff}
	.zm-btn--line{border:1.5px solid var(--zm-g);color:var(--zm-g)}
	.zm-contact{display:flex;flex-direction:column;gap:2px;margin-top:8px}
	.zm-contact a{display:flex;align-items:center;gap:10px;min-height:46px;color:#41553a;text-decoration:none;font-size:16px}
	.zm-social{list-style:none;display:flex;gap:10px;margin:14px 0 0;padding:0}
	.zm-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--zm-tint);color:var(--zm-gd)}
	.zm-legal{margin:18px 0 0;font-size:13px;color:#7d9170;line-height:2}
	.zm-legal a{color:inherit;text-decoration:none;padding:6px 2px}
	body.zm-lock{overflow:hidden}

	/* the top bar: logo + a single menu button */
	.theme-main-menu .navbar-collapse{display:none!important}
}

/* ---------- Phones ---------- */
@media (max-width:767.98px){
	html{scroll-padding-top:72px}
	body{padding-bottom:calc(var(--zm-bar) + env(safe-area-inset-bottom))}

	/* Bottom bar */
	.zm-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--zm-bar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--zm-line);box-shadow:0 -6px 24px rgba(36,57,27,.06);transition:transform .22s}
	.zm-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--zm-bar);color:#6c7f61;text-decoration:none;-webkit-tap-highlight-color:transparent}
	.zm-lbl{font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1}
	.zm-tab.is-on{color:var(--zm-g)}
	.zm-tab.is-on:not(.zm-tab--main)::before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:var(--zm-g)}
	.zm-tab:active .zm-ico{transform:scale(.9)}
	.zm-ico{transition:transform .12s}
	.zm-tab--main .zm-ico{display:grid;place-items:center;width:52px;height:52px;margin-top:-22px;border-radius:50%;background:var(--zm-sun);color:var(--zm-gd);box-shadow:0 6px 16px rgba(246,194,31,.5),0 0 0 4px #fff}
	.zm-tab--main{color:var(--zm-gd)}
	.zm-tab--main.is-on{color:var(--zm-g)}
	body.zm-typing .zm-bar,body.page-donations-show .zm-bar{transform:translateY(110%)}
	body.page-donations-show,body.zm-typing{padding-bottom:0}

	/* Floating buttons: chat sits above the bar; the scroll-to-top button goes (the bar and a short page replace it) */
	.zc{right:14px!important;bottom:calc(var(--zm-bar) + 14px + env(safe-area-inset-bottom))!important}
	.scroll-top{display:none!important}
	body.page-donations-show .zc{bottom:16px!important}

	/* Top bar */
	.theme-main-menu .bottom-header .logo img{height:44px!important}

	/* Vertical rhythm: calmer sections */
	.lg-pt-80,.lg-pt-120{padding-top:56px!important}.lg-pb-80,.lg-pb-100,.lg-pb-120{padding-bottom:56px!important}
	.lg-pt-40{padding-top:28px!important}.lg-pb-40{padding-bottom:28px!important}
	.lg-mb-40{margin-bottom:24px!important}
	.title-one h2,.title-one .h2{font-size:30px;line-height:1.15}

	/* Hero */
	.hero-banner-one .hero-heading{font-size:40px;line-height:1.04}
	.hero-banner-one .fs-20{font-size:17px;line-height:1.55}
	.hero-banner-one .mt-35{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px!important}
	.hero-banner-one .mt-35 .btn-one,.hero-banner-one .mt-35 .btn-two{margin:0!important;flex:1 1 calc(50% - 5px);justify-content:center;text-align:center;padding-inline:14px;min-height:50px;display:inline-flex;align-items:center}
	.hero-banner-one .avatar-group{margin-top:20px!important}
	.hero-banner-one .avatar-group .fs-20{font-size:14px;line-height:1.4}
	.hero-banner-one .avatar-group .avatar{width:36px;height:36px}

	/* Swipeable card rows instead of long stacks */
	.blog-section-one .box-layout-two .row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;margin-inline:-16px;padding:4px 16px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.blog-section-one .box-layout-two .row::-webkit-scrollbar{display:none}
	.blog-section-one .box-layout-two .row>[class*=col-]{flex:0 0 82%;max-width:82%;scroll-snap-align:center;padding-inline:8px}
	.causes-slider-one .slick-dots{margin-top:6px}

	/* Footer */
	.zf-desktop,.zf-newsletter p{display:none!important}
	.zf-newsletter{padding:36px 0 26px;gap:16px}
	.zf-title{font-size:21px}
	.zf-newsletter>*{min-width:0;width:100%}
	.zf-form{flex:1 1 100%;max-width:none;width:100%}
	.zf-form button{padding:0 18px}
	.zf-m{display:block;padding:30px 0 26px;text-align:center}
	.zf-m__logo img{height:48px;width:auto;margin:0 auto 14px;display:block}
	.zf-m__tag{margin:0 auto 22px;max-width:320px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.62)}
	.zf-m__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
	.zf .zf-m__actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:10px 6px;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff;font-size:13px;text-decoration:none}
	.zf .zf-m__actions a:active{background:rgba(255,255,255,.08)}
	.zf-m__social{list-style:none;display:flex;justify-content:center;gap:10px;margin:0 0 22px;padding:0}
	.zf .zf-m__social a{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff}
	.zf-m__legal{margin:0;font-size:12.5px;line-height:2;color:rgba(255,255,255,.5)}
	.zf .zf-m__legal a{display:inline;padding:6px 4px;color:rgba(255,255,255,.7)}

	/* Cards and reading: a little tighter so pages are shorter without feeling cramped */
	.card-style-two .media-bg{height:190px}
	.news-body p,.news-body li{line-height:1.7}
	.zc-fab{height:46px!important}
	.zc{right:10px!important}
}