/* Bewarish donation card logo/colour update 2026-10-14 rev2 */
.donate-v2 .donate-bank-islami { --donate-brand:#08662e; border-top:4px solid #08662e; background:#f8fdf9; }
.donate-v2 .donate-bank-dbbl { --donate-brand:#2150a1; border-top:4px solid #2150a1; background:#f8faff; }
.donate-v2 .donate-mobile-branded { border-top:4px solid #dc2374; background:#fffafd; }
.donate-v2 .donate-bank-islami dt,.donate-v2 .donate-bank-islami h4,.donate-v2 .donate-bank-islami dd strong { color:#08662e !important; }
.donate-v2 .donate-bank-dbbl dt,.donate-v2 .donate-bank-dbbl h4,.donate-v2 .donate-bank-dbbl dd strong { color:#2150a1 !important; }
.donate-v2 .donate-mobile-branded h4 { color:#ca1d70 !important; }
.donate-v2 .donate-bank-heading { display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 9px; }
.donate-v2 .donate-bank-heading img { display:block;width:145px;max-width:48%;height:55px;object-fit:contain;object-position:left center;border:0;background:transparent;padding:0; }
.donate-v2 .donate-bank-heading h4 { font-size:14px;line-height:1.3;margin:0; }
.donate-v2 .donate-mobile-brands { display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap; }
.donate-v2 .donate-mobile-brands img { display:block;width:auto;max-width:30%;height:41px;object-fit:contain; }
.donate-v2 .donate-mobile-brands img[alt="bKash"] { filter:invert(24%) sepia(75%) saturate(2100%) hue-rotate(301deg) brightness(89%) contrast(95%); }
.donate-v2 .donate-payment-trio { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
@media(max-width:950px){.donate-v2 .donate-payment-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.donate-v2 .donate-mobile-branded{grid-column:1/-1}}
@media(max-width:650px){.donate-v2 .donate-payment-trio{grid-template-columns:minmax(0,1fr)}.donate-v2 .donate-mobile-branded{grid-column:auto}.donate-v2 .donate-bank-heading img{width:125px;height:49px}}


/* Donation section mobile banking refinement – 2026-10-14 */
.donate-v2 .donate-mobile-branded{display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(180deg,#fff7fc 0%,#fff3fa 100%)}
.donate-v2 .donate-mobile-branded h4{margin:0 0 10px;text-align:center;font-size:18px;line-height:1.2;color:#c01b70!important}
.donate-v2 .donate-mobile-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;margin-bottom:12px}
.donate-v2 .donate-mobile-brands img{display:block;width:100%;max-width:none;height:42px;object-fit:contain;object-position:center center;background:#fff;border:1px solid #f3c5de;border-radius:10px;padding:6px}
.donate-v2 .donate-mobile-brands img[alt="bKash"]{filter:none}
.donate-v2 .donate-mobile-intro{margin:0 0 12px;padding:9px 12px;border:1px solid #f2a9d2;border-radius:999px;color:#581245;font-size:12px;line-height:1.45;font-weight:800;text-align:center}
.donate-v2 .donate-mobile-numbers{display:grid;gap:11px;width:100%}
.donate-v2 .donate-mobile-number{display:flex;align-items:center;justify-content:center;min-height:56px;padding:10px 14px;border:2px solid #f1a4d0;border-radius:999px;background:#fff;color:#8d1262;text-decoration:none;font-size:31px;line-height:1;font-weight:900;letter-spacing:.5px;box-shadow:0 4px 10px rgba(192,27,112,.08)}
.donate-v2 .donate-mobile-number:hover{color:#8d1262;text-decoration:none}
.donate-v2 .donate-mobile-note{display:block;margin-top:10px;text-align:center;font-size:11px;line-height:1.5;color:#75566c}
@media(max-width:950px){.donate-v2 .donate-mobile-number{font-size:27px;min-height:52px}}
@media(max-width:650px){.donate-v2 .donate-mobile-brands img{height:38px;padding:5px}.donate-v2 .donate-mobile-intro{font-size:11px}.donate-v2 .donate-mobile-number{font-size:23px;min-height:48px;letter-spacing:.2px}}


/* bKash scaling fix + unified payment card polish */
.donate-v2 .donate-mobile-brands{overflow:hidden}
.donate-v2 .donate-mobile-brands img[alt="bKash"]{transform:scale(1.55);transform-origin:center center;object-position:center center;display:block}
.donate-v2 .donate-mobile-brands img{overflow:hidden}
@media(max-width:650px){.donate-v2 .donate-mobile-brands img[alt="bKash"]{transform:scale(1.6)}}


/* Final donation-section refinement – 2026-10-14 */
.donate-v2 .donate-mobile-branded{--bkash-plate:#e2136e;--mobile-border:#f19ac8;--mobile-bg:#fff6fb;background:linear-gradient(180deg,#fff8fc 0%,#fff4fa 100%);border-top-color:var(--bkash-plate)}
.donate-v2 .donate-mobile-branded h4{color:var(--bkash-plate)!important}
.donate-v2 .donate-mobile-brands{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px}
.donate-v2 .donate-mobile-brands img{height:44px;padding:7px;border-color:var(--mobile-border);background:#fff;justify-self:stretch;align-self:center}
.donate-v2 .donate-mobile-brands img[alt="bKash"]{transform:none!important;filter:none!important;width:100%;height:44px;object-fit:contain;object-position:center center}
.donate-v2 .donate-mobile-intro{border-color:var(--mobile-border);color:#7e0f54}
.donate-v2 .donate-mobile-number{border-color:var(--mobile-border);color:var(--bkash-plate);font-size:28px;min-height:52px}
.donate-v2 .donate-mobile-note{color:#765565}
@media(max-width:650px){
  .donate-v2 .donate-mobile-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .donate-v2 .donate-mobile-brands img,.donate-v2 .donate-mobile-brands img[alt="bKash"]{height:40px;padding:6px}
  .donate-v2 .donate-mobile-number{font-size:22px;min-height:46px}
}


/* Final polish v2 – donation section */
.donate-v2 .donate-mobile-brands{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.donate-v2 .donate-mobile-brands img{height:38px!important;padding:4px!important;max-width:100%!important}
.donate-v2 .donate-mobile-brands img[alt="Rocket"]{padding:3px 2px!important}
.donate-v2 .donate-mobile-brands img[alt="bKash"]{width:128%!important;max-width:none!important;height:35px!important;justify-self:center;align-self:center}
.donate-v2 .donate-mobile-intro{font-size:11px!important;line-height:1.35!important;padding:7px 10px!important}
.donate-v2 .donate-mobile-number{font-size:24px!important;min-height:46px!important;padding:8px 10px!important}
.donate-v2 .donate-mobile-note{font-size:10px!important;line-height:1.35!important}
@media(max-width:650px){
  .donate-v2 .donate-mobile-brands img{height:34px!important;padding:4px!important}
  .donate-v2 .donate-mobile-brands img[alt="bKash"]{width:138%!important;height:32px!important}
  .donate-v2 .donate-mobile-brands img[alt="Rocket"]{padding:2px 1px!important}
  .donate-v2 .donate-mobile-number{font-size:19px!important;min-height:42px!important}
}


/* Consistency fix – 2026-10-14 */
.donate-v2 .donate-mobile-brands{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.donate-v2 .donate-mobile-brands img{width:100%!important;max-width:100%!important;height:34px!important;object-fit:contain!important;object-position:center center!important;padding:4px 8px!important;box-sizing:border-box!important}
.donate-v2 .donate-mobile-brands img[alt="bKash"]{transform:none!important;filter:none!important;width:100%!important;max-width:100%!important;height:28px!important;padding:0 8px!important;box-sizing:border-box!important}
.donate-v2 .donate-mobile-brands img[alt="Rocket"]{height:30px!important;padding:2px 4px!important}
.donate-v2 .donate-mobile-number{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-size:18px!important;line-height:1!important;letter-spacing:0!important;min-height:42px!important;padding:8px 6px!important}
@media(max-width:650px){
  .donate-v2 .donate-mobile-brands img{height:32px!important;padding:4px 6px!important}
  .donate-v2 .donate-mobile-brands img[alt="bKash"]{height:26px!important;padding:0 8px!important}
  .donate-v2 .donate-mobile-brands img[alt="Rocket"]{height:28px!important;padding:2px 3px!important}
  .donate-v2 .donate-mobile-number{font-size:15px!important;min-height:40px!important;padding:7px 4px!important}
}


/* Exact logo height fix – 2026-10-14 */
.donate-v2 .donate-mobile-brands img[alt="bKash"],
.donate-v2 .donate-mobile-brands img[alt="Rocket"],
.donation-modal .bw-popup-mobile-logos img[alt="bKash"],
.donation-modal .bw-popup-mobile-logos img[alt="Rocket"]{height:34px!important}

/* Mobile discoverability: show mobile banking before the two bank cards. */
@media (max-width: 767px) {
  .donate-v2 .donate-v2-bank-details {
    display: grid;
    grid-column: 1 / -1;
    grid-row: auto;
    min-width: 0;
    visibility: visible;
    opacity: 1;
  }
  .donate-v2 .donate-payment-trio {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
  }
  .donate-v2 .donate-payment-trio > .donate-mobile-branded {
    order: -1;
    display: flex;
    width: 100%;
    min-width: 0;
    visibility: visible;
    opacity: 1;
  }
  .donate-v2 .donate-payment-trio > .donate-bank-card {
    order: 0;
    width: 100%;
    min-width: 0;
  }
  .donate-v2 .donate-mobile-brands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
  }
  .donate-v2 .donate-mobile-numbers {
    width: 100%;
  }
}

/* Removed duplicated mobile banking instruction; compact logo-to-number spacing. */
.donate-v2 .donate-mobile-brands{margin-bottom:5px!important}
.donate-v2 .donate-mobile-numbers{margin-top:0!important}
.donate-v2 .donate-mobile-note{margin-top:6px!important}


/* Match the popup: two evenly sized, single-line phone number buttons. */
.donate-v2 .donate-mobile-branded .donate-mobile-numbers {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
}
.donate-v2 .donate-mobile-branded .donate-mobile-numbers > a.donate-mobile-number {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 8px 4px !important;
    min-height: 42px !important;
    border: 2px solid #f19ac8;
    border-radius: 999px;
    background: #fff;
    color: #e2136e !important;
    font-size: clamp(11px, 1.2vw + 3px, 16px) !important;
    font-weight: 800;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-decoration: none !important;
    text-align: center;
}
@media (max-width: 650px) {
    .donate-v2 .donate-mobile-branded .donate-mobile-numbers > a.donate-mobile-number {
        font-size: clamp(11px, 3.2vw, 15px) !important;
    }
}


/* Homepage banner sun animation. CSS-only; no script, no layout shift. */
.hero .hero-sun {
    transform-origin: center center;
    animation: bewarish-banner-sun-breathe 6s ease-in-out infinite;
    will-change: box-shadow;
}
.hero .hero-sun::before {
    transform-origin: center center;
    animation: bewarish-banner-rays-turn 50s linear infinite;
    will-change: transform;
}
@keyframes bewarish-banner-sun-breathe {
    0%, 100% { box-shadow: 0 0 0 1px #e9f0e9, 0 0 12px 2px rgba(249, 195, 80, .12); }
    50% { box-shadow: 0 0 0 1px #e9f0e9, 0 0 35px 12px rgba(249, 195, 80, .30); }
}
@keyframes bewarish-banner-rays-turn {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .hero .hero-sun,
    .hero .hero-sun::before {
        animation: none !important;
        will-change: auto;
    }
}


/* Founder section: restrained sun/rays and foliage motion. */
.founder-v2 .founder-v2-sun {
    animation: bewarish-founder-sun-glow 8s ease-in-out infinite;
}
.founder-v2 .founder-v2-sun-rays {
    transform-origin: center center;
    animation: bewarish-founder-rays-rotate 75s linear infinite;
}
.founder-v2 .founder-v2-left-leaf {
    transform-origin: 55% 96%;
    animation: bewarish-founder-leaf-sway-left 7s ease-in-out infinite;
}
.founder-v2 .founder-v2-right-leaf {
    transform-origin: 55% 96%;
    animation: bewarish-founder-leaf-sway-right 8.5s ease-in-out infinite;
}
@keyframes bewarish-founder-sun-glow {
    0%, 100% { box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 0 22px rgba(246,168,41,.10); }
    50% { box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 0 42px rgba(246,168,41,.24); }
}
@keyframes bewarish-founder-rays-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes bewarish-founder-leaf-sway-left {
    0%,100% { transform: rotate(0deg); }
    50% { transform: rotate(3deg); }
}
@keyframes bewarish-founder-leaf-sway-right {
    0%,100% { transform: rotate(0deg); }
    50% { transform: rotate(-2.5deg); }
}
@media (prefers-reduced-motion: reduce) {
    .founder-v2 .founder-v2-sun,
    .founder-v2 .founder-v2-sun-rays,
    .founder-v2 .founder-v2-left-leaf,
    .founder-v2 .founder-v2-right-leaf {
        animation: none !important;
    }
}

/* Home decoration motion: clouds and all three illustrated leaves, rev 2026-10-15. */
/* Founder section retains its two existing cloud shapes and gains a third, smaller one. */
.founder-v2 .founder-v2-cloud-one {
  animation: bw-founder-cloud-drift-a 16s ease-in-out infinite alternate;
  will-change: transform;
}
.founder-v2 .founder-v2-cloud-two {
  animation: bw-founder-cloud-drift-b 20s ease-in-out infinite alternate;
  will-change: transform;
}
.founder-v2 .founder-v2-shell::before {
  content: "";
  position: absolute;
  width: 104px;
  height: 42px;
  top: 13%;
  left: 42%;
  z-index: 1;
  border-radius: 50%;
  background: radial-gradient(ellipse 36px 27px at 26% 58%, #eaf4f2 98%, transparent 100%),
              radial-gradient(ellipse 34px 35px at 55% 45%, #eaf4f2 98%, transparent 100%),
              radial-gradient(ellipse 35px 24px at 78% 63%, #eaf4f2 98%, transparent 100%);
  opacity: .5;
  pointer-events: none;
  animation: bw-founder-cloud-drift-c 22s ease-in-out infinite alternate;
}
/* A pair of faint clouds on the home banner, behind the text and image. */
.hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 15%;
  right: 22%;
  width: clamp(120px, 17vw, 230px);
  height: 82px;
  background:
    radial-gradient(ellipse 24% 35% at 25% 58%, rgba(255,255,255,.75) 97%, transparent 100%),
    radial-gradient(ellipse 25% 48% at 49% 43%, rgba(255,255,255,.75) 97%, transparent 100%),
    radial-gradient(ellipse 28% 35% at 73% 60%, rgba(255,255,255,.75) 97%, transparent 100%);
  opacity: .65;
  pointer-events: none;
  animation: bw-hero-cloud-drift 24s ease-in-out infinite alternate;
}
/* Existing banner white cloud edge moves only slightly, avoiding noticeable cropping. */
.hero .hero-cloud {
  animation: bw-hero-cloud-edge 19s ease-in-out infinite alternate;
  will-change: transform;
}
/* Existing founder leaves already sway; the services leaf was static. */
.services .services-lower-leaf {
  transform-origin: 6% 85%;
  animation: bw-services-leaf-sway 7.8s ease-in-out infinite;
  will-change: transform;
}
@keyframes bw-founder-cloud-drift-a { from { transform: translate3d(-8px, 0, 0); } to { transform: translate3d(14px, -6px, 0); } }
@keyframes bw-founder-cloud-drift-b { from { transform: translate3d(10px, 0, 0); } to { transform: translate3d(-12px, -5px, 0); } }
@keyframes bw-founder-cloud-drift-c { from { transform: translate3d(-12px, 0, 0); } to { transform: translate3d(13px, -5px, 0); } }
@keyframes bw-hero-cloud-drift { from { transform: translate3d(-12px, 2px, 0); } to { transform: translate3d(28px, -5px, 0); } }
@keyframes bw-hero-cloud-edge { from { transform: translateX(-5px); } to { transform: translateX(9px); } }
@keyframes bw-services-leaf-sway { 0%,100% { transform: rotate(-1deg); } 50% { transform: rotate(3deg); } }
@media (max-width: 767px) {
  .founder-v2 .founder-v2-shell::before { left: 52%; top: 7%; width: 75px; opacity: .35; }
  .hero::before { right: 7%; top: 13%; width: 110px; height: 58px; opacity: .35; }
}
@media (prefers-reduced-motion: reduce) {
  .founder-v2 .founder-v2-cloud-one,
  .founder-v2 .founder-v2-cloud-two,
  .founder-v2 .founder-v2-shell::before,
  .hero::before,
  .hero .hero-cloud,
  .services .services-lower-leaf {
    animation: none !important;
    will-change: auto;
  }
}


/* Inner-page about hero leaves + homepage banner leaves, 2026-10-15 */
.about-modern-hero{position:relative;overflow:hidden;isolation:isolate}
.about-modern-hero .about-hero-leaf{
  position:absolute;z-index:3;left:35%;bottom:8px;color:#9ab57b;font-size:108px;line-height:1;
  transform:rotate(-28deg);opacity:.68;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(113,142,72,.10));
  animation:bw-about-leaf-sway-a 8.5s ease-in-out infinite;
}
.about-modern-hero .about-hero-leaf::before,
.about-modern-hero .about-hero-leaf::after{
  content:'~';position:absolute;left:0;bottom:0;color:#b2c592;line-height:1;pointer-events:none;
}
.about-modern-hero .about-hero-leaf::before{
  font-size:.78em;left:-118px;bottom:92px;transform:rotate(-18deg);opacity:.82;
  animation:bw-about-leaf-sway-b 10.5s ease-in-out infinite;
}
.about-modern-hero .about-hero-leaf::after{
  font-size:.6em;left:118px;bottom:158px;transform:rotate(24deg);opacity:.74;
  animation:bw-about-leaf-sway-c 12s ease-in-out infinite;
}

.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before,
.hero-grid::before,
.hero-grid::after{
  content:'~';position:absolute;z-index:1;color:#a5bf86;line-height:1;pointer-events:none;
  filter:drop-shadow(0 6px 10px rgba(113,142,72,.10));opacity:.52;
}
.hero::before{
  left:6%;top:106px;font-size:84px;transform:rotate(-22deg);
  animation:bw-home-leaf-float-a 9s ease-in-out infinite;
}
.hero-grid::before{
  right:8%;top:76px;font-size:62px;transform:rotate(18deg);
  animation:bw-home-leaf-float-b 11.5s ease-in-out infinite;
}
.hero-grid::after{
  left:43%;bottom:134px;font-size:54px;transform:rotate(-12deg);
  animation:bw-home-leaf-float-c 10s ease-in-out infinite;
}

@keyframes bw-about-leaf-sway-a{
  0%,100%{transform:rotate(-28deg) translate3d(0,0,0)}
  50%{transform:rotate(-21deg) translate3d(6px,-8px,0)}
}
@keyframes bw-about-leaf-sway-b{
  0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}
  50%{transform:rotate(-11deg) translate3d(-8px,-6px,0)}
}
@keyframes bw-about-leaf-sway-c{
  0%,100%{transform:rotate(24deg) translate3d(0,0,0)}
  50%{transform:rotate(17deg) translate3d(7px,-5px,0)}
}
@keyframes bw-home-leaf-float-a{
  0%,100%{transform:rotate(-22deg) translate3d(0,0,0)}
  50%{transform:rotate(-15deg) translate3d(6px,-8px,0)}
}
@keyframes bw-home-leaf-float-b{
  0%,100%{transform:rotate(18deg) translate3d(0,0,0)}
  50%{transform:rotate(24deg) translate3d(-7px,-9px,0)}
}
@keyframes bw-home-leaf-float-c{
  0%,100%{transform:rotate(-12deg) translate3d(0,0,0)}
  50%{transform:rotate(-5deg) translate3d(5px,-7px,0)}
}

@media (max-width: 900px){
  .about-modern-hero .about-hero-leaf{left:auto;right:14px;bottom:196px;font-size:82px}
  .about-modern-hero .about-hero-leaf::before{left:-82px;bottom:64px}
  .about-modern-hero .about-hero-leaf::after{left:82px;bottom:116px}
  .hero::before{left:4%;top:90px;font-size:64px}
  .hero-grid::before{right:4%;top:72px;font-size:52px}
  .hero-grid::after{left:auto;right:32%;bottom:104px;font-size:44px}
}
@media (max-width: 640px){
  .about-modern-hero .about-hero-leaf{right:8px;bottom:214px;font-size:68px;opacity:.6}
  .about-modern-hero .about-hero-leaf::before{left:-60px;bottom:52px;font-size:.72em}
  .about-modern-hero .about-hero-leaf::after{left:54px;bottom:98px;font-size:.55em}
  .hero::before{left:6px;top:78px;font-size:50px;opacity:.42}
  .hero-grid::before{right:8px;top:70px;font-size:42px;opacity:.42}
  .hero-grid::after{display:none}
}
@media (prefers-reduced-motion: reduce){
  .about-modern-hero .about-hero-leaf,
  .about-modern-hero .about-hero-leaf::before,
  .about-modern-hero .about-hero-leaf::after,
  .hero::before,
  .hero-grid::before,
  .hero-grid::after{animation:none !important}
}