@media(max-width:760px){body.public-page{padding-top:82px;background-attachment:scroll}body.home-page{padding-top:0}.public-page .topnav{top:12px;left:14px;right:14px;height:58px;padding:0 16px;border-radius:15px}.public-page .nav-toggle{color:#fff}.public-page .navlinks{top:66px;left:0;right:0;padding:18px;background:rgba(9,49,40,.98);border:1px solid rgba(255,255,255,.16);border-radius:15px;box-shadow:0 14px 28px rgba(0,20,15,.3)}.public-page .navlinks .selected:after{display:none}.public-page .page-banner,.public-page .donation-heading{padding:62px 28px 46px}.public-page .content-section{margin:20px 14px;padding:42px 22px;border-radius:15px}.public-page .donation-layout{margin:20px 14px 48px;padding:16px;border-radius:15px}.home-page .topnav{top:14px}.home-page .content-section{margin:0}.home-page .donation-layout{margin:0}}

/* ==========================================================================
   Public Enhancements (added)
   ========================================================================== */

/* Scroll reveal animation */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.reveal.visible{opacity:1;transform:none}

/* Navbar scroll state */
.nav-scrolled{box-shadow:0 14px 32px rgba(0,22,17,.34)!important;background:rgba(6,34,28,.96)!important}

/* Toast slide-in */
.toast{opacity:0;transform:translateY(-14px);transition:opacity .35s ease,transform .35s ease}
.toast.show{opacity:1;transform:none}

/* Next prayer clock */
.next-prayer{margin:14px 0 0;padding:10px 12px;background:#e6f2ea;color:#176b55;border-radius:8px;font-size:12px;font-weight:600}

/* Gallery lightbox */
.gallery-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(4,24,19,.92);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.gallery-lightbox.open{opacity:1;visibility:visible}
.gallery-lightbox figure{margin:0;max-width:min(900px,92vw);max-height:86vh;background:#0d2c24;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5);transform:scale(.94);transition:transform .3s ease}
.gallery-lightbox.open figure{transform:none}
.gallery-lightbox img{width:100%;max-height:78vh;object-fit:contain;display:block;background:#0d2c24}
.gallery-lightbox figcaption{padding:14px 20px;color:#fff}
.gallery-lightbox figcaption b{display:block;font:700 17px 'Playfair Display';color:var(--gold-soft)}
.gallery-lightbox figcaption span{display:block;font-size:12px;color:#c4dbd2;margin-top:4px}
.lightbox-close{position:fixed;top:22px;right:26px;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s;z-index:1001}
.lightbox-close:hover{background:rgba(255,255,255,.15);border-color:#fff}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

@media(max-width:760px){
  .gallery-lightbox{padding:14px}
  .lightbox-close{top:14px;right:16px;width:38px;height:38px}
}
.home-page .page-banner,
.home-page .donation-heading {
    min-height: 690px;
    padding: 170px max(9vw,48px) 100px;
    background:
        linear-gradient(90deg,#092d25 0%,#123d368f 45%,#0d3129a8 100%),
        url('/masjid.jpg') center 56%/cover no-repeat;
    color: #fff;
}

.home-page .page-banner h1,
.home-page .page-banner p,
.home-page .page-banner .kicker,
.home-page .donation-heading h1,
.home-page .donation-heading p {
    color: #fff;
}