:root{--green:#28a745}.brand-logo{width:54px;height:54px;object-fit:contain}.hero{background:linear-gradient(120deg,#f7fff9,#fff);padding:85px 0}.hero-card{background:white;border-radius:28px;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.hero-card img{max-height:280px}.stat-card{background:white;border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.06);border-bottom:4px solid var(--green)}.stat-card h2{color:var(--green);font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.07)}.content-card img{width:100%;height:210px;object-fit:cover}.page-hero{background:linear-gradient(120deg,#198754,#65c46c);color:white;padding:70px 0}.article-body{font-size:1.08rem;line-height:1.8}.single-img{max-height:470px;object-fit:cover}.gallery-item{display:block;position:relative;border-radius:18px;overflow:hidden;color:white}.gallery-item img{width:100%;height:190px;object-fit:cover}.gallery-item span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:35px 12px 10px}.donate-box{border-radius:22px;padding:28px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);border-left:5px solid var(--green)}.footer{background:#101827;color:#e5e7eb}.footer a{color:#e5e7eb}.footer-logo{width:90px;background:white;border-radius:16px;padding:6px}@media(max-width:768px){.hero{padding:45px 0}.display-4{font-size:2.2rem}.section-title{display:block}}

/* V3 Classic NGO Hero Slider */
.ngo-hero-slider{position:relative;margin-top:0;box-shadow:0 14px 45px rgba(0,0,0,.12)}
.hero-slide-bg{position:relative;min-height:620px;background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden}
.hero-slide-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(42,179,74,.16),transparent 45%);z-index:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.48),rgba(0,0,0,.25));z-index:1}
.hero-slide-content{position:relative;z-index:2;color:#fff;max-width:960px;padding-top:70px;padding-bottom:70px}
.hero-slide-content h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.05;font-weight:800;text-shadow:0 4px 28px rgba(0,0,0,.35)}
.hero-slide-content p{font-size:clamp(1.05rem,2vw,1.45rem);margin:18px auto 26px;max-width:780px;color:rgba(255,255,255,.94)}
.hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:.55rem 1rem;border-radius:50rem;margin-bottom:18px;backdrop-filter:blur(4px);font-weight:600}
.ngo-hero-slider .carousel-control-prev,.ngo-hero-slider .carousel-control-next{width:6%}
.ngo-hero-slider .carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#2ab34a;opacity:.75}
.ngo-hero-slider .carousel-indicators .active{opacity:1;transform:scale(1.15)}
@media(max-width:768px){.hero-slide-bg{min-height:500px}.hero-slide-content{text-align:center}.ngo-hero-slider .carousel-control-prev,.ngo-hero-slider .carousel-control-next{display:none}.hero-badge{font-size:.78rem}}
.page-hero{background:linear-gradient(135deg,#073b22,#18864b);color:#fff;padding:75px 0}.page-hero h1{font-weight:800}.director-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.08);border:1px solid #eef3ef}.team-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.08);border:1px solid #edf2ee}.team-card img{width:100%;height:230px;object-fit:cover}.gallery-tile{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08)}.gallery-tile img{width:100%;height:190px;object-fit:cover}.gallery-tile span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.75));color:white;padding:35px 12px 12px;font-weight:600}.partner-logo{background:white;border-radius:16px;padding:18px;min-height:92px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.05)}.partner-logo img{max-width:100%;max-height:65px}

/* V7 safe brand fix: show full site name without cutting it */
.public-navbar .navbar-brand b{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  line-height:1.1;
}
@media(min-width:992px){
  .public-navbar .navbar-brand{flex:0 1 auto;max-width:none!important;}
  .public-navbar .navbar-brand b{font-size:1.45rem;max-width:none!important;}
}
@media(max-width:991.98px){
  .public-navbar .navbar-brand b{font-size:clamp(1rem,4.2vw,1.45rem);max-width:calc(100vw - 120px)!important;}
}
.album-cover{position:relative;overflow:hidden}.album-cover img{width:100%;height:245px;object-fit:cover}.album-count{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;border-radius:30px;padding:7px 12px;font-size:.9rem}.album-card .content-card{transition:.2s ease}.album-card:hover .content-card{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.12)}.photo-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.08)}.photo-card img{width:100%;height:240px;object-fit:cover}

/* V8 International polish */
.top-strip{background:#073b22;color:#dff7e5;padding:7px 0}.top-strip a{color:#fff;text-decoration:none;font-weight:700}.lang-mobile a{color:#198754;font-weight:800;text-decoration:none}.public-navbar .navbar-brand b{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;line-height:1.08}.hover-lift{transition:.22s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.12)}.impact-wrap{margin-top:-34px;position:relative;z-index:5}.v8-stat{border-top:1px solid #eef3ef}.trust-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trust-grid span{background:#f0fff4;border:1px solid #dcf7e2;border-radius:50rem;padding:9px 14px;font-weight:700;color:#0f5132}.pro-image-card{border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.1);padding:20px}.success-section{background:linear-gradient(180deg,#ffffff,#f6fbf7)}.story-card,.story-detail,.report-card,.transparency-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.08);border:1px solid #eef4ef}.story-card img{width:100%;height:230px;object-fit:cover}.story-detail img{width:100%;height:100%;min-height:310px;object-fit:cover}.before-after{background:#f7fff9;border-left:4px solid #198754;border-radius:12px;padding:12px;margin-top:12px}.donate-cta{background:linear-gradient(135deg,#073b22,#28a745);border-radius:28px;padding:38px;color:#fff;box-shadow:0 18px 50px rgba(25,135,84,.22)}.transparency-card{padding:30px}.report-card{padding:28px}.report-icon{font-size:48px;color:#198754;margin-bottom:12px}.newsletter{background:#f7faf8}.socials a{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.08);margin-right:6px;text-decoration:none}.whatsapp-float{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;z-index:999;box-shadow:0 12px 30px rgba(0,0,0,.24);text-decoration:none}.whatsapp-float:hover{color:#fff;transform:translateY(-2px)}
@media(max-width:991.98px){.impact-wrap{margin-top:0}.donate-cta{padding:26px}.public-navbar .navbar-brand{max-width:calc(100% - 128px)!important}.public-navbar .navbar-brand b{font-size:clamp(.95rem,3.7vw,1.28rem)!important;max-width:none!important}.brand-logo{width:50px;height:50px}.story-detail img{min-height:230px}.section-title{gap:10px}.newsletter form{flex-direction:column}.newsletter button{width:100%}}

/* V8.7 FINAL MOBILE HEADER FIX: one-line compact header */
@media (max-width: 991.98px){
  .top-strip{display:none!important;}
  .public-navbar{padding:0!important;}
  .public-navbar > .container{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    padding:8px 10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .public-navbar .navbar-brand{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 185px)!important;
    margin:0!important;
    gap:6px!important;
  }
  .public-navbar .brand-logo{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    object-fit:contain!important;
  }
  .public-navbar .navbar-brand b{
    display:block!important;
    font-size:clamp(.72rem,3.1vw,1rem)!important;
    line-height:1.05!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:unset!important;
    letter-spacing:.1px!important;
  }
  .mobile-header-actions{
    order:2!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-left:auto!important;
    white-space:nowrap!important;
  }
  .mobile-login-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    height:34px!important;
    padding:0 8px!important;
    border:1px solid #198754!important;
    border-radius:8px!important;
    color:#198754!important;
    background:#fff!important;
    font-size:.78rem!important;
    font-weight:800!important;
    text-decoration:none!important;
    line-height:1!important;
  }
  .mobile-login-btn i{font-size:.88rem!important;line-height:1!important;}
  .mobile-lang-switch{
    display:inline-flex!important;
    align-items:center!important;
    gap:2px!important;
    color:#198754!important;
    font-size:.8rem!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .mobile-lang-switch a{color:#198754!important;text-decoration:none!important;font-weight:900!important;}
  .public-navbar .navbar-toggler.mobile-menu-btn,
  .public-navbar .navbar-toggler{
    order:3!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #cdd6d1!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .public-navbar .navbar-toggler-icon{width:1.25em!important;height:1.25em!important;}
  .public-navbar .navbar-collapse{
    order:4!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:8px!important;
    padding:10px 0 12px!important;
    background:#fff!important;
    border-top:1px solid #eef0ee!important;
  }
  .public-navbar .navbar-nav{width:100%!important;align-items:stretch!important;text-align:left!important;}
  .public-navbar .nav-link{width:100%!important;padding:10px 4px!important;font-size:1rem!important;}
  .public-navbar .dropdown-menu{width:100%!important;border:1px solid #eef0ee!important;box-shadow:none!important;}
  .public-navbar .donate-btn{display:block!important;width:100%!important;margin:8px 0 0!important;padding:11px 18px!important;}
}
@media (max-width: 380px){
  .public-navbar > .container{gap:4px!important;padding-left:7px!important;padding-right:7px!important;}
  .public-navbar .navbar-brand{max-width:calc(100% - 170px)!important;gap:4px!important;}
  .public-navbar .brand-logo{width:32px!important;height:32px!important;flex-basis:32px!important;}
  .public-navbar .navbar-brand b{font-size:.68rem!important;}
  .mobile-login-btn{height:32px!important;padding:0 6px!important;font-size:.72rem!important;}
  .mobile-lang-switch{font-size:.72rem!important;}
  .public-navbar .navbar-toggler{width:36px!important;height:36px!important;flex-basis:36px!important;}
}