/* EV Theme v0.4.12 — Tema B dark mode for every public page */
.ev-theme-b-home{
  --ev-b-bg:#090b10;
  --ev-b-panel:#151923;
  --ev-b-panel-2:#10141d;
  --ev-b-line:#232a37;
  --ev-b-text:#f7f9fc;
  --ev-b-muted:#8c96a8;
  --ev-b-blue:#1479e8;
  background:var(--ev-b-bg)!important;
  color:var(--ev-b-text);
}
.ev-theme-b-home .ev-site,
.ev-theme-b-home .ev-home-theme-b{
  width:min(760px,100%);
  min-height:100vh;
  margin:0 auto;
  background:var(--ev-b-bg)!important;
  color:var(--ev-b-text);
}
.ev-home-theme-b{padding-bottom:102px;overflow:hidden}
.ev-home-theme-b a{text-decoration:none}
.ev-home-theme-b img{max-width:100%}
.ev-home-theme-b .ev-b-section{padding:17px 18px}
.ev-home-theme-b .ev-b-section h2{margin:0 0 10px;color:var(--ev-b-text);font-size:20px;line-height:1.18;letter-spacing:-.025em}

/* Cinematic hero. The opaque final stop is shared with the page background. */
.ev-b-hero{
  --ev-b-scroll:0;
  position:relative;
  height:clamp(285px,38svh,340px);
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:var(--ev-b-bg);
}
.ev-b-hero-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ev-b-hero-track::-webkit-scrollbar{display:none}
.ev-b-hero-slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;overflow:hidden;background:#0a0d13}
.ev-b-hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:translate3d(0,calc(var(--ev-b-scroll) * 9px),0) scale(1.014);opacity:calc(1 - var(--ev-b-scroll) * .12);transition:opacity .08s linear;will-change:transform,opacity}
.ev-b-hero-image-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(5,7,11,.34) 0%,rgba(5,7,11,.03) 25%,rgba(7,8,12,.18) 47%,rgba(9,11,16,.78) 74%,var(--ev-b-bg) 98%,var(--ev-b-bg) 100%);pointer-events:none}
.ev-b-hero-brand{position:absolute;z-index:5;top:calc(13px + env(safe-area-inset-top));left:17px;right:17px;display:flex;align-items:center;justify-content:flex-end;gap:14px;pointer-events:none}
.ev-b-hero-brand>button{pointer-events:auto;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.20);border-radius:50%;background:rgba(7,10,15,.42);color:#fff;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ev-b-hero-brand .ev-b-icon{width:19px;height:19px}
.ev-b-hero-action{position:absolute;z-index:4;left:20px;right:20px;bottom:38px;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}
.ev-b-hero-context{display:flex;max-width:100%;flex-direction:column;align-items:center;gap:3px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.78)}
.ev-b-hero-context-brand{display:flex;min-height:20px;align-items:center;justify-content:center;max-width:124px}
.ev-b-hero-context-brand .ev-brand{display:inline-flex;max-width:100%;gap:5px;justify-content:center;color:#fff}
.ev-b-hero-context-brand .ev-brand-logo{display:block;width:auto;max-width:108px;max-height:20px;filter:brightness(0) invert(1)}
.ev-b-hero-context-brand .ev-brand-mark{width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.96);color:var(--ev-b-blue);font-size:7px;box-shadow:none}
.ev-b-hero-context-brand .ev-brand-name{overflow:hidden;max-width:94px;color:#fff;font-size:10px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.ev-b-hero-context>small{max-width:100%;overflow:hidden;color:#e7edf7;font-size:9px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.ev-b-donate-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:min(64%,290px);min-height:42px;padding:9px 18px;border-radius:9px;background:linear-gradient(135deg,#0868dc,#147ff0);color:#fff!important;font-size:14px;font-weight:800;box-shadow:0 11px 26px rgba(0,83,211,.30);transition:transform .18s ease,box-shadow .18s ease}
.ev-b-donate-button:active{transform:scale(.985);box-shadow:0 9px 24px rgba(0,83,211,.24)}
.ev-b-hero-dots{position:absolute;z-index:5;left:0;right:0;bottom:14px;display:flex;align-items:center;justify-content:center;gap:7px}
.ev-b-hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#5d6574;cursor:pointer;transition:width .2s ease,background .2s ease}
.ev-b-hero-dots button.is-active{width:28px;background:var(--ev-b-blue)}
.ev-b-home-content{position:relative;z-index:2;margin-top:-2px;background:var(--ev-b-bg)}

/* Search floats above the hero so opening it never shifts the slider or categories. */
.ev-b-hero-search[hidden]{display:none!important}
.ev-b-hero-search{position:absolute;z-index:12;top:calc(15px + env(safe-area-inset-top));left:16px;right:16px}
.ev-b-search-form{position:relative;display:flex;width:100%;height:auto;min-height:52px;margin:0;padding:6px 7px 6px 14px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(12,16,24,.96);box-shadow:0 18px 46px rgba(0,0,0,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ev-b-search-form .ev-b-search-icon{display:grid;place-items:center;flex:0 0 auto;color:#7f8ba0;font-size:0}
.ev-b-search-icon .ev-b-icon{width:19px;height:19px}
.ev-b-search-form input[type="search"]{min-width:0;flex:1;height:40px;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:inherit;font-size:14px}
.ev-b-search-form input[type="search"]::placeholder{color:#7f899a}
.ev-b-search-form .ev-b-search-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:#202735;color:#dce6f2;font-weight:400;cursor:pointer}
.ev-b-search-close .ev-b-icon{width:19px;height:19px}
.ev-b-search-form .ev-live-search-results{top:calc(100% + 8px);padding:6px;border-color:#293241;background:#131923;box-shadow:0 20px 44px rgba(0,0,0,.42)}
.ev-b-search-form .ev-live-search-item:hover,.ev-b-search-form .ev-live-search-item.is-active{background:#202a39}
.ev-b-search-form .ev-live-search-item strong{color:#f6f8fb}
.ev-b-search-form .ev-live-search-item small{color:#42a0ff}
.ev-b-search-form .ev-live-search-loading,.ev-b-search-form .ev-live-search-empty{color:#9ca7b7}

/* Exactly three category cards, matching the compact reference shape. */
.ev-home-theme-b .ev-b-category-section{padding-top:4px;padding-bottom:10px}
.ev-b-category-grid{display:grid;grid-template-columns:repeat(var(--ev-b-category-count,3),minmax(0,1fr));gap:9px}
.ev-b-category-card{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;gap:6px;padding:8px 7px;border:1px solid var(--ev-b-line);border-radius:8px;background:linear-gradient(150deg,#171c27,#11151e);color:var(--ev-b-text)!important;box-shadow:0 8px 20px rgba(0,0,0,.13);transition:transform .18s ease,border-color .18s ease}
.ev-b-category-card:active{transform:scale(.98);border-color:#34445a}
.ev-b-category-card>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;color:#4ea3ff}
.ev-b-category-card>span svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ev-b-category-card>span img{display:block;width:23px;height:23px;object-fit:contain;filter:brightness(0) invert(1)}
.ev-b-category-card>b{display:-webkit-box;min-width:0;overflow:hidden;color:#f7f9fc;font-size:10px;font-weight:750;line-height:1.2;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Minimal campaign carousel with achievement and progress embedded in image. */
.ev-home-theme-b .ev-b-campaign-slider-section{padding-top:8px;padding-right:0}
.ev-b-campaign-slider-section>h2{padding-right:18px}
.ev-b-campaign-slider{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:1px 18px 8px 0;scroll-snap-type:x mandatory;scrollbar-width:none}
.ev-b-campaign-slider::-webkit-scrollbar{display:none}
.ev-b-campaign-card{flex:0 0 calc((100% - 10px)/2);min-width:0;color:inherit;scroll-snap-align:start}
.ev-b-campaign-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:10px;background:#151923}
.ev-b-campaign-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.ev-b-campaign-card:hover .ev-b-campaign-media>img{transform:scale(1.025)}
.ev-b-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,11,0) 43%,rgba(4,7,11,.20) 61%,rgba(4,7,11,.78) 100%);pointer-events:none}
.ev-b-achievement{position:absolute;z-index:2;left:8px;bottom:8px;color:#fff;font-size:9px;font-weight:750;text-shadow:0 2px 8px rgba(0,0,0,.78)}
.ev-b-image-progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:4px;background:rgba(193,208,228,.22);overflow:hidden}
.ev-b-image-progress i{display:block;height:100%;border-radius:0 99px 99px 0;background:linear-gradient(90deg,#076bdc,#1688f3);box-shadow:0 0 9px rgba(27,137,255,.38)}
.ev-b-campaign-copy{display:block;padding:8px 1px 0}
.ev-b-campaign-copy>strong{display:-webkit-box;overflow:hidden;min-height:35px;color:#f7f9fc;font-size:13px;font-weight:650;line-height:1.34;letter-spacing:-.01em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ev-b-campaign-copy>span{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}
.ev-b-campaign-copy b{min-width:0;overflow:hidden;color:#2d8ff3;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.ev-b-campaign-copy small{color:#7e8899;font-size:9px;white-space:nowrap}

.ev-home-theme-b .ev-b-banner-section{padding-top:15px;padding-bottom:15px}
.ev-b-banner{display:block;overflow:hidden;border:1px solid #202633;border-radius:13px;background:#121620;box-shadow:0 13px 30px rgba(0,0,0,.20)}
.ev-b-banner img{display:block;width:100%;aspect-ratio:10/3;object-fit:cover}

/* Compact listing keeps the same data and links while following the dark system. */
.ev-home-theme-b .ev-b-list-section{padding-top:19px;padding-bottom:22px}
.ev-b-campaign-list{display:grid;gap:0}
.ev-b-list-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #1e2430;color:inherit}
.ev-b-list-card[hidden]{display:none!important}
.ev-b-list-media{position:relative;display:block;overflow:hidden;width:120px;aspect-ratio:16/10;border-radius:9px;background:#151923}
.ev-b-list-media img{display:block;width:100%;height:100%;object-fit:cover}
.ev-b-list-copy{display:block;min-width:0}
.ev-b-list-copy>small{display:block;margin-bottom:4px;color:#318fee;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.ev-b-list-copy>strong{display:-webkit-box;overflow:hidden;color:#f7f9fc;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ev-b-list-copy>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
.ev-b-list-copy b{color:#2f91f4;font-size:11px}
.ev-b-list-copy em{color:#7f8999;font-size:10px;font-style:normal;white-space:nowrap}
.ev-b-load-more{display:block;min-width:130px;margin:18px auto 0;padding:11px 20px;border:1px solid #2d3746;border-radius:10px;background:#141923;color:#dce7f5;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.ev-b-empty{width:100%;padding:28px 16px;border:1px dashed #2a3342;border-radius:12px;color:#8994a5;font-size:12px;text-align:center}

/* Theme B Homepage navigation only; campaign detail uses its own fixed donation CTA. */
.ev-theme-b-home .ev-bottom-nav{bottom:0;width:min(760px,100%);height:78px;padding:5px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid #202631;border-radius:0;background:rgba(8,10,15,.96);box-shadow:0 -10px 30px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ev-theme-b-home .ev-nav-indicator{display:none}
.ev-theme-b-home .ev-nav-item{gap:5px;color:#828c9d;font-size:9px}
.ev-theme-b-home .ev-nav-item.is-active{color:#fff}
.ev-theme-b-home .ev-nav-icon{width:22px;height:22px;font-size:0}
.ev-theme-b-home .ev-nav-icon .ev-b-icon{display:block;width:22px;height:22px}
.ev-theme-b-home .ev-nav-item.is-active .ev-nav-icon{transform:none;color:#248cf3}

@media(max-width:359px){
  .ev-b-hero{height:275px}
  .ev-b-hero-action{bottom:36px}
  .ev-b-donate-button{width:72%;min-height:46px;font-size:14px}
  .ev-home-theme-b .ev-b-section{padding-left:13px;padding-right:13px}
  .ev-home-theme-b .ev-b-campaign-slider-section{padding-right:0}
  .ev-b-campaign-slider{padding-right:13px}
  .ev-b-category-grid{gap:7px}
  .ev-b-category-card{min-height:54px;gap:5px;padding:7px 5px}
  .ev-b-category-card>b{font-size:9px}
  .ev-b-list-card{grid-template-columns:105px minmax(0,1fr);gap:10px}
  .ev-b-list-media{width:105px}
}

@media(min-width:700px){
  .ev-b-hero{height:clamp(330px,39svh,380px);min-height:0;border-radius:0 0 22px 22px}
  .ev-b-hero-brand{left:32px;right:32px}
  .ev-b-hero-action{bottom:42px}
  .ev-b-hero-dots{bottom:16px}
  .ev-home-theme-b .ev-b-section{padding-left:34px;padding-right:34px}
  .ev-home-theme-b .ev-b-campaign-slider-section{padding-right:0}
  .ev-b-campaign-slider-section>h2{padding-right:34px}
  .ev-b-campaign-slider{padding-right:34px}
  .ev-b-campaign-card{flex-basis:calc((100% - 13px)/2)}
  .ev-b-category-card{min-height:64px}
  .ev-b-category-card>span{width:30px;height:30px}
  .ev-b-category-card>b{font-size:11px}
  .ev-b-list-card{grid-template-columns:150px minmax(0,1fr);gap:16px}
  .ev-b-list-media{width:150px}
  .ev-b-list-copy>strong{font-size:15px}
}

@media(min-width:1024px){
  .ev-theme-b-home .ev-site{width:100%;max-width:none;margin:0;background:#07090d!important}
  .ev-theme-b-home .ev-desktop-shell{width:min(92vw,1500px)!important;grid-template-columns:210px minmax(0,1fr)!important;gap:22px!important}
  .ev-theme-b-home .ev-desktop-sidebar{border:1px solid #202632!important;background:#10141c!important;color:#f3f6fa!important}
  .ev-theme-b-home .ev-desktop-sidebar .ev-brand-name,
  .ev-theme-b-home .ev-desktop-side-link span:last-child,
  .ev-theme-b-home .ev-desktop-sidebar-foot strong{color:#eef3f9!important}
  .ev-theme-b-home .ev-desktop-side-link{color:#8792a3!important}
  .ev-theme-b-home .ev-desktop-side-link.is-active{background:#17243a!important;color:#fff!important}
  .ev-theme-b-home .ev-desktop-stage{min-width:0;background:#090b10!important}
  .ev-theme-b-home .ev-home-theme-b{width:100%;max-width:1180px;margin:0 auto;box-shadow:none!important}
  .ev-b-hero{height:380px;min-height:0;margin:22px 22px 0;border-radius:22px}
  .ev-b-hero-slide>img{object-position:center}
  .ev-b-hero-brand{top:24px;left:28px;right:28px}
  .ev-b-hero-action{bottom:44px}
  .ev-b-hero-dots{bottom:17px}
  .ev-b-home-content{padding:0 4px}
  .ev-b-category-card{min-height:66px}
  .ev-b-campaign-card{flex-basis:calc((100% - 24px)/3)}
  .ev-b-campaign-copy>strong{font-size:14px}
  .ev-b-list-card{grid-template-columns:190px minmax(0,1fr)}
  .ev-b-list-media{width:190px}
  .ev-theme-b-home .ev-bottom-nav{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .ev-b-hero-slide>img,.ev-b-donate-button,.ev-b-category-card,.ev-b-campaign-media>img{transition:none!important;transform:none!important}
}

/* Tema B campaign detail. Theme A keeps the original template and never receives these selectors. */
.ev-theme-b-campaign-detail{
  --ev-b-bg:#090b10;
  --ev-b-panel:#151923;
  --ev-b-panel-2:#10141d;
  --ev-b-line:#252c38;
  --ev-b-text:#f7f9fc;
  --ev-b-muted:#8f99aa;
  --ev-b-blue:#1479e8;
  background:var(--ev-b-bg)!important;
  color:var(--ev-b-text);
}
.ev-theme-b-campaign-detail .ev-site{
  width:min(760px,100%);
  min-height:100vh;
  margin:0 auto;
  padding-bottom:0;
  background:var(--ev-b-bg)!important;
  color:var(--ev-b-text);
}
.ev-theme-b-campaign-detail .ev-campaign-detail-theme-b{
  width:min(760px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:1px 0 calc(110px + env(safe-area-inset-bottom));
  overflow:hidden;
  background:var(--ev-b-bg)!important;
  color:var(--ev-b-text);
  box-shadow:none!important;
}
.ev-campaign-detail-theme-b .ev-b-detail-cover{
  position:relative;
  aspect-ratio:16/9;
  margin:14px 14px 0;
  overflow:hidden;
  border:1px solid #202733;
  border-radius:18px;
  background:#11151d;
  box-shadow:0 18px 42px rgba(0,0,0,.27);
}
.ev-campaign-detail-theme-b .ev-b-detail-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.ev-campaign-detail-theme-b .ev-b-detail-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,11,.38),rgba(5,7,11,0) 37%,rgba(5,7,11,.18));pointer-events:none}
.ev-campaign-detail-theme-b .ev-b-detail-back,
.ev-campaign-detail-theme-b .ev-b-detail-favorite{position:absolute;z-index:2;top:12px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,10,15,.52);color:#fff!important;font:inherit;font-size:18px;line-height:1;box-shadow:0 8px 22px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ev-campaign-detail-theme-b .ev-b-detail-back{left:12px}
.ev-campaign-detail-theme-b .ev-b-detail-favorite{right:12px;cursor:pointer}
.ev-campaign-detail-theme-b .ev-b-detail-overview-card{background:var(--ev-b-bg)}
.ev-campaign-detail-theme-b .ev-b-detail-overview-body{padding:20px 18px 0;background:var(--ev-b-bg)}
.ev-campaign-detail-theme-b .ev-b-detail-content-sheet{padding:18px 18px 24px;background:var(--ev-b-bg)}
.ev-campaign-detail-theme-b .ev-b-detail-heading{text-align:center}
.ev-campaign-detail-theme-b .ev-b-detail-heading h1{max-width:650px;margin:0 auto;color:var(--ev-b-text);font-size:24px;font-weight:800;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.ev-campaign-detail-theme-b .ev-b-detail-meta{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:10px 0 0;color:#a4adbb;font-size:10px;font-weight:600;line-height:1.4}
.ev-campaign-detail-theme-b .ev-b-detail-meta i{color:#535c6a;font-style:normal}
.ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline{margin:0 0 8px;color:#a4adbb;text-align:center}
.ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline>small{display:block;color:#737e8f;font-size:8px;font-weight:600;line-height:1.4}
.ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline>p{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:2px 0 0;color:#a4adbb;font-size:10px;font-weight:600;line-height:1.4}
.ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline strong{color:#cbd3df;font-size:inherit;font-weight:700}
.ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline i{color:#535c6a;font-style:normal}
.ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline .is-verified{color:#65d8a1}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card{position:relative;display:block;isolation:isolate;min-height:60px;margin-top:16px;overflow:hidden;border:1px solid #303846;border-radius:12px;background:#252b35;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(0,0,0,.16);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card:hover{border-color:#40516a;box-shadow:0 13px 29px rgba(0,0,0,.24)}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card:active{transform:scale(.992)}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card:focus-visible{outline:2px solid #55aaff;outline-offset:3px}
.ev-campaign-detail-theme-b .ev-b-detail-progress-fill{position:absolute;z-index:0;inset:0 auto 0 0;width:var(--ev-b-detail-progress);overflow:hidden;transform:scaleX(0);transform-origin:left center;border-radius:11px 0 0 11px;background:linear-gradient(135deg,#0868dc,#1685f3)}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card.has-progress.is-progress-ready .ev-b-detail-progress-fill{animation:ev-b-progress-grow 1.3s cubic-bezier(.18,.82,.22,1) both}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card.has-progress .ev-b-detail-progress-fill:before{content:"";position:absolute;z-index:2;top:-32px;right:-1px;bottom:-32px;width:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='120' viewBox='0 0 26 120'%3E%3Cpath fill='%23252b35' d='M18 0C4 14 4 26 18 40C31 54 31 66 18 80C4 94 4 106 18 120H26V0Z'/%3E%3C/svg%3E");background-position:right -24px;background-repeat:repeat-y;background-size:26px 120px;animation:ev-b-progress-water-front 4.2s linear infinite;pointer-events:none}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card.is-complete .ev-b-detail-progress-fill:before{display:none}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card.has-progress .ev-b-detail-progress-fill:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.13) 48%,transparent 70%) -120% 0/220% 100% no-repeat;animation:ev-b-progress-shimmer 5.6s ease-in-out infinite;pointer-events:none}
.ev-campaign-detail-theme-b .ev-b-detail-progress-copy{position:relative;z-index:1;display:flex;min-height:56px;flex-direction:column;align-items:center;justify-content:center;padding:8px 14px 10px;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.32)}
.ev-campaign-detail-theme-b .ev-b-detail-progress-copy strong{color:#fff;font-size:13px;font-weight:800;line-height:1.3}
.ev-campaign-detail-theme-b .ev-b-detail-progress-copy strong em{font-style:normal;white-space:nowrap}
.ev-campaign-detail-theme-b .ev-b-detail-progress-copy small{display:block;margin-top:2px;color:#d9e0ea;font-size:8px;font-weight:600}
.ev-campaign-detail-theme-b .ev-b-detail-progress-secondary{display:grid!important;width:100%;min-width:0;min-height:12px;place-items:center;line-height:1.45}
.ev-campaign-detail-theme-b .ev-b-detail-progress-secondary>span{grid-area:1/1;max-width:100%;overflow:hidden;opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease;text-overflow:ellipsis;white-space:nowrap}
.ev-campaign-detail-theme-b .ev-b-detail-progress-secondary>span.is-active{opacity:1;transform:translateY(0)}
.ev-campaign-detail-theme-b .ev-b-detail-progress-line{position:absolute;z-index:2;left:0;right:0;bottom:0;height:3px;background:rgba(197,210,226,.2);overflow:hidden}
.ev-campaign-detail-theme-b .ev-b-detail-progress-line i{position:relative;display:block;width:var(--ev-b-detail-progress);height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#1689f7,#63c4ff,#1689f7) 0 0/180% 100%;box-shadow:0 0 9px rgba(44,158,255,.5)}
.ev-campaign-detail-theme-b .ev-b-detail-progress-card.has-progress.is-progress-ready .ev-b-detail-progress-line i{animation:ev-b-progress-grow 1.3s cubic-bezier(.18,.82,.22,1) both,ev-b-progress-line-wave 3.8s linear 1.3s infinite}
@keyframes ev-b-progress-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ev-b-progress-water-front{to{background-position:right 96px}}
@keyframes ev-b-progress-shimmer{0%,55%{background-position:-120% 0}100%{background-position:180% 0}}
@keyframes ev-b-progress-line-wave{to{background-position:180% 0}}
.ev-campaign-detail-theme-b .ev-b-detail-content-card{margin-top:0;overflow:hidden;border:1px solid var(--ev-b-line);border-radius:15px;background:var(--ev-b-panel)}
.ev-campaign-detail-theme-b .ev-b-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0 8px;border:0;border-bottom:1px solid var(--ev-b-line);border-radius:0;background:transparent;overflow:visible}
.ev-campaign-detail-theme-b .ev-b-detail-tabs button{position:relative;min-width:0;padding:14px 3px 12px;border:0!important;border-radius:0;background:transparent;color:#8d97a8;font-size:9px;line-height:1.35;box-shadow:none;cursor:pointer;white-space:nowrap}
.ev-campaign-detail-theme-b .ev-b-detail-tabs button:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:2px;border-radius:999px;background:#f5f7fb;transform:translateX(-50%);transition:width .2s ease}
.ev-campaign-detail-theme-b .ev-b-detail-tabs button.is-active{background:transparent;color:#fff!important;font-weight:700;box-shadow:none}
.ev-campaign-detail-theme-b .ev-b-detail-tabs button.is-active:after{width:min(72px,78%)}
.ev-campaign-detail-theme-b .ev-b-detail-tabs button span,
.ev-campaign-detail-theme-b .ev-b-detail-tabs button.is-active span{display:inline;padding:0;border:0;background:transparent;color:inherit;font-size:8px;font-weight:inherit}
.ev-campaign-detail-theme-b .ev-b-detail-content-card>.ev-tab-panel{padding:14px;color:var(--ev-b-text)}
.ev-campaign-detail-theme-b .ev-tab-panel{color:var(--ev-b-text)}
.ev-campaign-detail-theme-b .ev-usage-card,
.ev-campaign-detail-theme-b .ev-story-card,
.ev-campaign-detail-theme-b .ev-update-card,
.ev-campaign-detail-theme-b .ev-donor-list article,
.ev-campaign-detail-theme-b .ev-empty-inline{border-color:var(--ev-b-line);background:var(--ev-b-panel);color:var(--ev-b-text);box-shadow:none}
.ev-campaign-detail-theme-b .ev-b-detail-usage{margin-top:0;border-radius:14px}
.ev-campaign-detail-theme-b .ev-b-detail-usage summary{padding:13px}
.ev-campaign-detail-theme-b .ev-b-detail-usage summary small{color:var(--ev-b-muted)}
.ev-campaign-detail-theme-b .ev-b-detail-usage summary strong{color:var(--ev-b-text)}
.ev-campaign-detail-theme-b .ev-b-detail-usage p{border-color:#272f3d;color:#aab4c3}
.ev-campaign-detail-theme-b .ev-b-detail-usage .ev-usage-total strong{color:#45a4ff}
.ev-campaign-detail-theme-b .ev-story-card{margin-top:14px;padding:0;border:0!important;border-radius:0;background:transparent!important}
.ev-campaign-detail-theme-b .ev-tab-panel.is-active>.ev-story-card:first-child{margin-top:0}
.ev-campaign-detail-theme-b .ev-story-card h2{margin:0 0 10px;color:var(--ev-b-text);font-size:15px}
.ev-campaign-detail-theme-b .ev-story-content{color:#a8b1c0;font-size:11px;line-height:1.75}
.ev-campaign-detail-theme-b .ev-story-content a{color:#43a0fa}
.ev-campaign-detail-theme-b .ev-story-content img,
.ev-campaign-detail-theme-b .ev-story-content figure,
.ev-campaign-detail-theme-b .ev-story-content .alignwide,
.ev-campaign-detail-theme-b .ev-story-content .alignfull{max-width:100%!important;height:auto!important;margin-left:0!important;margin-right:0!important}
.ev-campaign-detail-theme-b .ev-story-content.is-clamped:after{background:linear-gradient(transparent,var(--ev-b-panel))}
.ev-campaign-detail-theme-b .ev-more{color:#43a0fa}
.ev-campaign-detail-theme-b .ev-update-list,
.ev-campaign-detail-theme-b .ev-donor-list{margin-top:0}
.ev-campaign-detail-theme-b .ev-update-card{padding:12px;border-radius:14px}
.ev-campaign-detail-theme-b .ev-update-card img{height:auto;max-height:260px;border-radius:10px}
.ev-campaign-detail-theme-b .ev-update-card h3{color:var(--ev-b-text)}
.ev-campaign-detail-theme-b .ev-update-card small,
.ev-campaign-detail-theme-b .ev-update-card div,
.ev-campaign-detail-theme-b .ev-donor-list small,
.ev-campaign-detail-theme-b .ev-donor-list p{color:#9ba6b7}
.ev-campaign-detail-theme-b .ev-donor-sort-tabs{border-color:var(--ev-b-line);background:#10141c}
.ev-campaign-detail-theme-b .ev-donor-sort-tabs button{color:#8c97a8}
.ev-campaign-detail-theme-b .ev-donor-sort-tabs button.is-active{background:#202a38;color:#fff;box-shadow:none}
.ev-campaign-detail-theme-b .ev-donor-list article{border-radius:14px}
.ev-campaign-detail-theme-b .ev-donor-avatar{background:#202a38;color:#45a4ff}
.ev-campaign-detail-theme-b .ev-donor-topline strong{color:var(--ev-b-text)}
.ev-campaign-detail-theme-b .ev-donor-topline b{color:#45a4ff}
.ev-campaign-detail-theme-b .ev-empty-inline{border-style:dashed;color:#8e99aa}
.ev-theme-b-campaign-detail .ev-b-detail-donate-sticky{bottom:0;width:min(760px,100%);padding:9px 14px calc(9px + env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(47,56,70,.92);border-radius:0;background:rgba(8,10,15,.94);box-shadow:0 -12px 32px rgba(0,0,0,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ev-theme-b-campaign-detail .ev-b-detail-donate-sticky .ev-btn{min-height:50px;border-radius:10px;background:linear-gradient(135deg,#0868dc,#1685f3);font-size:14px;box-shadow:0 10px 25px rgba(0,83,211,.27)}

@media(max-width:359px){
  .ev-campaign-detail-theme-b .ev-b-detail-cover{margin-left:10px;margin-right:10px}
  .ev-campaign-detail-theme-b .ev-b-detail-overview-body,
  .ev-campaign-detail-theme-b .ev-b-detail-content-sheet{padding-left:13px;padding-right:13px}
  .ev-campaign-detail-theme-b .ev-b-detail-heading h1{font-size:21px}
  .ev-campaign-detail-theme-b .ev-b-detail-meta{gap:5px;font-size:9px}
  .ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline>p{gap:5px;font-size:9px}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-copy strong{font-size:13px}
}

@media(min-width:700px){
  .ev-campaign-detail-theme-b .ev-b-detail-cover{max-height:410px;margin:20px 24px 0;border-radius:22px}
  .ev-campaign-detail-theme-b .ev-b-detail-overview-body{padding:24px 30px 0}
  .ev-campaign-detail-theme-b .ev-b-detail-content-sheet{padding:18px 30px 34px}
  .ev-campaign-detail-theme-b .ev-b-detail-heading h1{font-size:30px}
  .ev-campaign-detail-theme-b .ev-b-detail-meta{font-size:11px}
  .ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline>p{font-size:11px}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-card{min-height:64px}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-copy{min-height:60px}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-copy strong{font-size:15px}
  .ev-campaign-detail-theme-b .ev-b-detail-tabs button{font-size:10px}
}

@media(min-width:1024px){
  .ev-theme-b-campaign-detail .ev-site{width:100%;max-width:none;background:#07090d!important}
  .ev-theme-b-campaign-detail .ev-desktop-stage{min-width:0;background:#090b10!important}
  .ev-theme-b-campaign-detail .ev-campaign-detail-theme-b{max-width:820px}
}

@media(prefers-reduced-motion:reduce){
  .ev-campaign-detail-theme-b .ev-b-detail-progress-fill,
  .ev-campaign-detail-theme-b .ev-b-detail-progress-fill:before,
  .ev-campaign-detail-theme-b .ev-b-detail-progress-fill:after,
  .ev-campaign-detail-theme-b .ev-b-detail-progress-line i{animation:none!important;transition:none!important;transform:none!important}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-secondary>span{transition:none!important;transform:none!important}
}

/* Tema B donation form. The checkout API, selectors, validation, and payment flow stay shared with Theme A. */
.ev-theme-b-donate{
  --ev-b-bg:#090b10;
  --ev-b-panel:#151923;
  --ev-b-panel-2:#10141d;
  --ev-b-line:#252d3a;
  --ev-b-text:#f7f9fc;
  --ev-b-muted:#8f99aa;
  --ev-b-blue:#1479e8;
  background:var(--ev-b-bg)!important;
  color:var(--ev-b-text);
}
.ev-theme-b-donate .ev-site{width:min(760px,100%);min-height:100vh;margin:0 auto;background:var(--ev-b-bg)!important;color:var(--ev-b-text)}
.ev-theme-b-donate .ev-donate-page-theme-b{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:1px 0 calc(28px + env(safe-area-inset-bottom))!important;background:var(--ev-b-bg)!important;color:var(--ev-b-text);box-shadow:none!important}
.ev-donate-page-theme-b .ev-b-donate-head{position:relative;padding:14px 14px 20px;overflow:hidden;background:radial-gradient(circle at 92% 7%,rgba(31,137,244,.22),transparent 34%),linear-gradient(180deg,#101722 0%,#090b10 100%)}
.ev-donate-page-theme-b .ev-b-donate-head:after{content:"";position:absolute;right:-70px;bottom:-105px;width:220px;height:220px;border:38px solid rgba(35,143,249,.07);border-radius:50%;pointer-events:none}
.ev-donate-page-theme-b .ev-b-donate-top{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}
.ev-donate-page-theme-b .ev-b-donate-back{display:grid;place-items:center;width:40px;height:40px;border:1px solid #303a49;border-radius:50%;background:rgba(21,26,36,.88);color:#fff!important;font-size:18px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.ev-donate-page-theme-b .ev-b-donate-top .ev-brand{min-width:0;justify-content:center;color:#fff}
.ev-donate-page-theme-b .ev-b-donate-top .ev-brand-logo{display:block;width:auto;max-width:125px;max-height:27px;filter:brightness(0) invert(1)}
.ev-donate-page-theme-b .ev-b-donate-top .ev-brand-mark{background:#fff;color:#0875df}
.ev-donate-page-theme-b .ev-b-donate-top .ev-brand-name{max-width:150px;overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ev-donate-page-theme-b .ev-b-donate-safe{display:grid;place-items:center;width:40px;height:40px;border:1px solid #26405b;border-radius:50%;background:rgba(14,40,65,.76);color:#61b5ff;font-size:8px;font-weight:800;text-transform:uppercase}
.ev-donate-page-theme-b .ev-b-donate-campaign{position:relative;z-index:1;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;margin-top:18px;padding:9px;border:1px solid #27303e;border-radius:14px;background:rgba(20,25,35,.88);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.ev-donate-page-theme-b .ev-b-donate-campaign img{display:block;width:76px;aspect-ratio:16/11;object-fit:cover;border-radius:9px;background:#202633}
.ev-donate-page-theme-b .ev-b-donate-campaign div{min-width:0}
.ev-donate-page-theme-b .ev-b-donate-campaign small{display:block;color:#737f91;font-size:8px;font-weight:650}
.ev-donate-page-theme-b .ev-b-donate-campaign strong{display:-webkit-box;margin-top:3px;overflow:hidden;color:#f7f9fc;font-size:11px;font-weight:750;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ev-donate-page-theme-b .ev-b-donate-campaign span{display:block;margin-top:3px;color:#3d9af5;font-size:8px;font-weight:700}
.ev-donate-page-theme-b .ev-b-donate-intro{position:relative;z-index:1;margin-top:22px;text-align:center}
.ev-donate-page-theme-b .ev-b-donate-intro>small{color:#3e9cf8;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.16em}
.ev-donate-page-theme-b .ev-b-donate-intro h1{max-width:560px;margin:5px auto 0;color:#fff;font-size:22px;font-weight:820;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.ev-donate-page-theme-b .ev-b-donate-intro p{margin:7px 0 0;color:#8f9aab;font-size:9px;line-height:1.5}
.ev-donate-page-theme-b .ev-b-donate-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:430px;margin:18px auto 0;padding:0;list-style:none}
.ev-donate-page-theme-b .ev-b-donate-steps:before{content:"";position:absolute;top:12px;left:16.66%;right:16.66%;height:1px;background:#2a3544}
.ev-donate-page-theme-b .ev-b-donate-steps li{position:relative;display:grid;justify-items:center;gap:5px;color:#788395;font-size:8px;font-weight:650}
.ev-donate-page-theme-b .ev-b-donate-steps b{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid #31506e;border-radius:50%;background:#13263a;color:#56acff;font-size:9px}
.ev-donate-page-theme-b .ev-b-checkout-card{margin:0 14px 24px;padding:4px 15px 17px;border:1px solid var(--ev-b-line);border-radius:18px;background:var(--ev-b-panel);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.ev-donate-page-theme-b .ev-form-section{margin:0;padding:18px 0;border-bottom:1px solid #272e3a}
.ev-donate-page-theme-b .ev-numbered-title{gap:10px;margin-bottom:13px}
.ev-donate-page-theme-b .ev-numbered-title>span{width:28px;height:28px;border-radius:9px;background:#142c45;color:#53aaff}
.ev-donate-page-theme-b .ev-numbered-title h2{margin:0;color:#f7f9fc;font-size:13px}
.ev-donate-page-theme-b .ev-numbered-title p{margin:3px 0 0;color:#7f8a9b;font-size:8px}
.ev-donate-page-theme-b .ev-amount-grid{gap:8px}
.ev-donate-page-theme-b .ev-amount-btn{min-height:54px;border:1px solid #303846;border-radius:11px;background:#10151e;color:#edf3fb;box-shadow:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ev-donate-page-theme-b .ev-amount-btn strong{color:inherit;font-size:11px}
.ev-donate-page-theme-b .ev-amount-btn small{top:-7px;background:#167fe9;color:#fff}
.ev-donate-page-theme-b .ev-amount-btn:active{transform:scale(.985)}
.ev-donate-page-theme-b .ev-amount-btn.is-selected{border-color:#278ff6!important;background:linear-gradient(150deg,#112f50,#10243a)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(32,142,247,.10)!important}
.ev-donate-page-theme-b .ev-manual-amount{min-height:50px;margin-top:9px;border-color:#303846;border-radius:11px;background:#0f141c;color:#fff}
.ev-donate-page-theme-b .ev-manual-amount span{color:#51a8ff}
.ev-donate-page-theme-b .ev-manual-amount input{background:transparent!important;color:#fff!important}
.ev-donate-page-theme-b .ev-manual-amount input::placeholder{color:#667284}
.ev-donate-page-theme-b .ev-payment-select{min-height:60px;border-color:#303846;border-radius:12px;background:#10151e;color:#edf3fb}
.ev-donate-page-theme-b .ev-payment-direct>.ev-numbered-title{display:flex!important}
.ev-donate-page-theme-b .ev-payment-selected-logo{background:#142b44;color:#57adff}
.ev-donate-page-theme-b .ev-payment-select small{color:#788497}
.ev-donate-page-theme-b .ev-payment-select strong{color:#f4f7fb}
.ev-donate-page-theme-b .ev-payment-select>b{color:#57adff;font-size:18px}
.ev-donate-page-theme-b .ev-direct-transfer-note{border-color:#2a4c6d;background:#10253a;color:#b9d8f5}
.ev-donate-page-theme-b .ev-direct-transfer-note strong{color:#5eb4ff}
.ev-donate-page-theme-b .ev-field{margin-bottom:11px;color:#e8eef6}
.ev-donate-page-theme-b .ev-field>span{color:#d9e1eb;font-size:9px}
.ev-donate-page-theme-b .ev-field span small{color:#6f7b8c}
.ev-donate-page-theme-b .ev-field input,.ev-donate-page-theme-b .ev-field textarea{border-color:#303846;border-radius:11px;background:#0f141c;color:#f6f8fb}
.ev-donate-page-theme-b .ev-field input::placeholder,.ev-donate-page-theme-b .ev-field textarea::placeholder{color:#687486}
.ev-donate-page-theme-b .ev-field input:focus,.ev-donate-page-theme-b .ev-field textarea:focus{border-color:#278ff6;background:#101722;box-shadow:0 0 0 3px rgba(39,143,246,.10)}
.ev-donate-page-theme-b .ev-char-count{color:#6f7a8b}
.ev-donate-page-theme-b .ev-checkbox{color:#a8b2c1}
.ev-donate-page-theme-b .ev-checkbox input{accent-color:#1687f2}
.ev-donate-page-theme-b .ev-checkout-push{border-top-color:#2d3644}
.ev-donate-page-theme-b .ev-push-checkout-optin{color:#c4cdda}
.ev-donate-page-theme-b .ev-checkout-push>small{color:#778396}
.ev-donate-page-theme-b .ev-payment-summary{margin:16px 0 13px;padding:11px 12px;border:1px solid #2a3442;border-radius:13px;background:#10151e}
.ev-donate-page-theme-b .ev-payment-summary div{color:#9aa5b5}
.ev-donate-page-theme-b .ev-payment-summary strong{color:#f0f4f9}
.ev-donate-page-theme-b .ev-payment-summary .is-total{border-top-color:#303b4b}
.ev-donate-page-theme-b .ev-payment-summary .is-total strong{color:#4ca7ff}
.ev-donate-page-theme-b .ev-submit-donation{min-height:50px;border-radius:10px;background:linear-gradient(135deg,#0868dc,#1685f3);font-size:13px;box-shadow:0 11px 25px rgba(0,83,211,.28)}
.ev-donate-page-theme-b .ev-trust-note{color:#707c8e}
.ev-donate-page-theme-b .ev-trust-note>span{color:#54aaef}
.ev-donate-page-theme-b .ev-form-error{border-color:#63383f;background:#2a171c;color:#ffabb5}
.ev-donate-page-theme-b .ev-field-error{color:#ff8f9d}
.ev-theme-b-donate .ev-sheet-overlay{background:rgba(2,5,9,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.ev-theme-b-donate .ev-b-payment-sheet{border:1px solid #303846;border-bottom:0;background:#11161f;color:#f6f8fb;box-shadow:0 -20px 52px rgba(0,0,0,.58)}
.ev-theme-b-donate .ev-b-payment-sheet .ev-sheet-handle{background:#394453}
.ev-theme-b-donate .ev-b-payment-sheet .ev-sheet-head h2{color:#f7f9fc}
.ev-theme-b-donate .ev-b-payment-sheet .ev-sheet-head p,.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-group h3,.ev-theme-b-donate .ev-b-payment-sheet .ev-loading{color:#838e9f}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option{border-color:#2d3542;background:#171c25;color:#eef3f9}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option strong{color:#eef3f9}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option small{color:#4ca7ff}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option i{border-color:#566274}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option.is-selected{border-color:#288ff5;background:#122840}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option.is-selected i{border-color:#3199ff}
.ev-theme-b-donate .ev-b-payment-sheet .ev-pay-option.is-selected i:after{background:#3199ff}

@media(max-width:359px){
  .ev-donate-page-theme-b .ev-b-donate-head{padding-left:10px;padding-right:10px}
  .ev-donate-page-theme-b .ev-b-checkout-card{margin-left:10px;margin-right:10px;padding-left:12px;padding-right:12px}
  .ev-donate-page-theme-b .ev-b-donate-intro h1{font-size:20px}
  .ev-donate-page-theme-b .ev-b-donate-campaign{grid-template-columns:68px minmax(0,1fr)}
  .ev-donate-page-theme-b .ev-b-donate-campaign img{width:68px}
}

@media(min-width:700px){
  .ev-donate-page-theme-b .ev-b-donate-head{padding:20px 34px 24px}
  .ev-donate-page-theme-b .ev-b-donate-campaign{grid-template-columns:96px minmax(0,1fr);padding:11px}
  .ev-donate-page-theme-b .ev-b-donate-campaign img{width:96px}
  .ev-donate-page-theme-b .ev-b-donate-campaign strong{font-size:13px}
  .ev-donate-page-theme-b .ev-b-donate-intro h1{font-size:28px}
  .ev-donate-page-theme-b .ev-b-checkout-card{margin-left:34px;margin-right:34px;padding:7px 24px 24px}
  .ev-donate-page-theme-b .ev-form-section{padding-top:22px;padding-bottom:22px}
  .ev-donate-page-theme-b .ev-numbered-title h2{font-size:15px}
  .ev-donate-page-theme-b .ev-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(min-width:1024px){
  .ev-theme-b-donate .ev-site{width:100%;max-width:none;background:#07090d!important}
  .ev-theme-b-donate .ev-desktop-stage{min-width:0;background:#090b10!important}
  .ev-theme-b-donate .ev-donate-page-theme-b{max-width:820px}
}

/* Shared Theme B surface. Business logic and page templates remain shared with Theme A. */
body.ev-theme-b{
  --ev-b-bg:#090b10;
  --ev-b-panel:#151923;
  --ev-b-panel-2:#10141d;
  --ev-b-line:#252d3a;
  --ev-b-text:#f7f9fc;
  --ev-b-muted:#8f99aa;
  --ev-b-blue:#1479e8;
  --ev-bg:var(--ev-b-bg);
  --ev-ink:var(--ev-b-text);
  --ev-muted:var(--ev-b-muted);
  --ev-line:var(--ev-b-line);
  --ev-navy:var(--ev-b-text);
  --ev-white:var(--ev-b-panel);
  background:#07090d!important;
  color:var(--ev-b-text);
  color-scheme:dark;
}
.ev-theme-b .ev-site{background:var(--ev-b-bg);color:var(--ev-b-text)}
.ev-theme-b .ev-listing-page,
.ev-theme-b .ev-about-page,
.ev-theme-b .ev-payment-page,
.ev-theme-b .ev-thank-page,
.ev-theme-b .ev-account-page,
.ev-theme-b .ev-simple-page{background:var(--ev-b-bg)!important;color:var(--ev-b-text)}
.ev-theme-b .ev-btn{border-radius:10px;background:linear-gradient(135deg,#0868dc,#1685f3);box-shadow:0 10px 25px rgba(0,83,211,.27)}
.ev-theme-b .ev-btn.is-outline{border:1px solid #354154;background:#121822;color:#dfe8f4!important;box-shadow:none}
.ev-theme-b .ev-circle-btn.is-soft,
.ev-theme-b .ev-back{border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(12,17,24,.62);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ev-theme-b .ev-brand.is-light{color:#fff}
.ev-theme-b .ev-brand.is-light .ev-brand-logo{filter:brightness(0) invert(1)}
.ev-theme-b .ev-brand.is-light .ev-brand-name{color:#fff}

/* Shared bottom navigation for every Theme B page. */
.ev-theme-b .ev-bottom-nav{bottom:0;width:min(760px,100%);height:78px;padding:5px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid #202631;border-radius:0;background:rgba(8,10,15,.96);box-shadow:0 -10px 30px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ev-theme-b .ev-nav-indicator{display:none}
.ev-theme-b .ev-nav-item{gap:5px;color:#828c9d;font-size:9px}
.ev-theme-b .ev-nav-item.is-active{color:#fff}
.ev-theme-b .ev-nav-icon{width:22px;height:22px;font-size:0;transform:none!important}
.ev-theme-b .ev-nav-icon .ev-b-icon{display:block;width:22px;height:22px}
.ev-theme-b .ev-nav-item.is-active .ev-nav-icon{color:#248cf3}

/* Campaign listing. */
.ev-theme-b.ev-route-campaigns .ev-subhead{padding:16px 18px 38px;overflow:visible;background:radial-gradient(circle at 92% 5%,rgba(37,146,255,.2),transparent 36%),linear-gradient(180deg,#111925 0%,#090b10 100%);color:#fff}
.ev-theme-b.ev-route-campaigns .ev-subhead:after{content:"";position:absolute;right:-95px;bottom:-130px;width:240px;height:240px;border:38px solid rgba(44,150,255,.055);border-radius:50%;pointer-events:none}
.ev-theme-b.ev-route-campaigns .ev-subhead h1{position:relative;z-index:2;margin:24px 0 0;color:#fff;font-size:25px;line-height:1.2;letter-spacing:-.025em}
.ev-theme-b.ev-route-campaigns .ev-subhead .ev-search{height:50px;margin-top:15px;border:1px solid #2d3746;border-radius:13px;background:#111720;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.ev-theme-b.ev-route-campaigns .ev-subhead .ev-search input{color:#fff}
.ev-theme-b.ev-route-campaigns .ev-subhead .ev-search input::placeholder{color:#707b8d}
.ev-theme-b.ev-route-campaigns .ev-subhead .ev-search button{border-radius:9px;background:#172b43;color:#58adff}
.ev-theme-b.ev-route-campaigns .ev-live-search-results{border-color:#2a3442;background:#121821;color:#fff;box-shadow:0 20px 48px rgba(0,0,0,.42)}
.ev-theme-b.ev-route-campaigns .ev-live-search-item:hover,
.ev-theme-b.ev-route-campaigns .ev-live-search-item.is-active{background:#202938}
.ev-theme-b.ev-route-campaigns .ev-live-search-item strong{color:#f7f9fc}
.ev-theme-b.ev-route-campaigns .ev-list-overlap{margin:0!important;padding:16px 16px 104px!important;background:var(--ev-b-bg)}
.ev-theme-b.ev-route-campaigns .ev-category-scroll{justify-content:flex-start;flex-wrap:nowrap;margin:0 -16px 17px;padding:1px 16px 8px;overflow-x:auto!important;scroll-snap-type:x proximity!important}
.ev-theme-b.ev-route-campaigns .ev-filter-chip{flex:0 0 auto;min-height:34px;padding:8px 12px;border-color:#28313f;border-radius:9px;background:#131821;color:#a6b0bf;box-shadow:none;scroll-snap-align:start}
.ev-theme-b.ev-route-campaigns .ev-filter-chip.is-active{border-color:#258ff6;background:#153554;color:#fff}
.ev-theme-b.ev-route-campaigns .ev-section-head{align-items:center;margin-bottom:13px}
.ev-theme-b.ev-route-campaigns .ev-kicker{color:#3b9bf8}
.ev-theme-b.ev-route-campaigns .ev-section-head h2{color:#f7f9fc;font-size:19px}
.ev-theme-b.ev-route-campaigns .ev-count{border:1px solid #2c3746;background:#131a24;color:#4ca6ff}
.ev-theme-b.ev-route-campaigns .ev-stack-list{gap:0}
.ev-theme-b.ev-route-campaigns .ev-list-card{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px 0;border:0;border-bottom:1px solid #202631;border-radius:0;background:transparent;color:#fff;box-shadow:none;transform:none}
.ev-theme-b.ev-route-campaigns .ev-list-card img,
.ev-theme-b.ev-route-campaigns .ev-list-card.is-tall img{width:112px;height:auto;aspect-ratio:16/10;border-radius:9px;background:#151923}
.ev-theme-b.ev-route-campaigns .ev-list-card h3{display:-webkit-box;margin:4px 0 5px;overflow:hidden;color:#f7f9fc;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ev-theme-b.ev-route-campaigns .ev-list-card p{display:-webkit-box;margin-bottom:7px;overflow:hidden;color:#858fa0;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ev-theme-b.ev-route-campaigns .ev-list-card small{font-size:8px}
.ev-theme-b.ev-route-campaigns .ev-progress{height:4px;background:#222a36}
.ev-theme-b.ev-route-campaigns .ev-card-meta{margin-top:6px}
.ev-theme-b.ev-route-campaigns .ev-card-meta strong{color:#3d9dfa;font-size:10px}
.ev-theme-b.ev-route-campaigns .ev-card-meta span{color:#7c8798;font-size:8px}
.ev-theme-b.ev-route-campaigns .ev-empty-inline{border-color:#2a3442;background:#11161f;color:#8792a3}

/* About and policy pages. */
.ev-theme-b.ev-route-about .ev-about-head,
.ev-theme-b.ev-route-legal .ev-about-head{padding:16px 18px 48px;background:radial-gradient(circle at 90% 8%,rgba(39,148,255,.2),transparent 37%),linear-gradient(180deg,#111925 0%,#090b10 100%);color:#fff}
.ev-theme-b.ev-route-about .ev-about-head:after,
.ev-theme-b.ev-route-legal .ev-about-head:after{display:none}
.ev-theme-b.ev-route-about .ev-about-head>.ev-kicker,
.ev-theme-b.ev-route-legal .ev-about-head>.ev-kicker{margin-top:28px;color:#43a2ff}
.ev-theme-b.ev-route-about .ev-about-head h1,
.ev-theme-b.ev-route-legal .ev-about-head h1{max-width:620px;color:#f7f9fc;font-size:25px;letter-spacing:-.025em}
.ev-theme-b.ev-route-about .ev-about-head p,
.ev-theme-b.ev-route-legal .ev-about-head p{color:#9ba5b4}
.ev-theme-b .ev-about-cards{margin-top:-24px;gap:11px;padding-bottom:104px}
.ev-theme-b .ev-about-cards article{border-color:#252d3a;border-radius:15px;background:#151923;color:#f7f9fc;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.ev-theme-b .ev-about-cards article>span{color:#45a4ff}
.ev-theme-b .ev-about-cards h2{color:#f7f9fc}
.ev-theme-b .ev-about-cards p,
.ev-theme-b .ev-about-cards li,
.ev-theme-b .ev-about-cards article>div{color:#9ba5b5}
.ev-theme-b .ev-about-cards a{color:#46a5ff}
.ev-theme-b .ev-contact-lines>a,
.ev-theme-b .ev-contact-lines>div{border-color:#293240;background:#10151e!important}
.ev-theme-b .ev-contact-lines b{color:#eaf0f7}
.ev-theme-b .ev-contact-lines span{color:#8995a7}

/* Payment instruction. */
.ev-theme-b.ev-route-payment .ev-payment-head{padding:16px 18px 51px;background:radial-gradient(circle at 91% 4%,rgba(39,148,255,.2),transparent 35%),linear-gradient(180deg,#111925 0%,#090b10 100%);color:#fff}
.ev-theme-b.ev-route-payment .ev-payment-head:after{display:none}
.ev-theme-b.ev-route-payment .ev-payment-head>p{margin-top:25px;color:#45a3ff;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.ev-theme-b.ev-route-payment .ev-payment-head h1{color:#fff;font-size:25px}
.ev-theme-b.ev-route-payment .ev-payment-head>span{color:#929dad}
.ev-theme-b.ev-route-payment .ev-waiting-pill{border-color:#3d3628;background:#211d16;color:#ffd884}
.ev-theme-b.ev-route-payment .ev-payment-card{margin-top:-28px;border-color:#28313e;border-radius:18px;background:#151923;color:#f7f9fc;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.ev-theme-b.ev-route-payment .ev-pay-logo{border:1px solid #2d3c50;background:#10233a;color:#55abff}
.ev-theme-b.ev-route-payment .ev-payment-method-head small,
.ev-theme-b.ev-route-payment .ev-payment-value small,
.ev-theme-b.ev-route-payment .ev-expiry span,
.ev-theme-b.ev-route-payment .ev-expiry small{color:#8692a4}
.ev-theme-b.ev-route-payment .ev-payment-method-head h2,
.ev-theme-b.ev-route-payment .ev-payment-value strong,
.ev-theme-b.ev-route-payment .ev-expiry strong{color:#f4f7fb}
.ev-theme-b.ev-route-payment .ev-payment-value,
.ev-theme-b.ev-route-payment .ev-expiry,
.ev-theme-b.ev-route-payment .ev-payment-breakdown>div,
.ev-theme-b.ev-route-payment .ev-direct-account-meta>div{border-color:#2b3543;background:#10151e}
.ev-theme-b.ev-route-payment .ev-payment-breakdown span,
.ev-theme-b.ev-route-payment .ev-direct-account-meta span{color:#7f8b9d}
.ev-theme-b.ev-route-payment .ev-payment-breakdown strong,
.ev-theme-b.ev-route-payment .ev-direct-account-meta strong{color:#eef3f9}
.ev-theme-b.ev-route-payment .ev-payment-copy-row>.ev-copy-action{border-color:#315071!important;background:#132b44!important;color:#5fb2ff!important}
.ev-theme-b.ev-route-payment .ev-instruction-list h3{color:#f4f7fb}
.ev-theme-b.ev-route-payment .ev-instruction-list details{border-color:#293240}
.ev-theme-b.ev-route-payment .ev-instruction-list summary{color:#e9eef5}
.ev-theme-b.ev-route-payment .ev-instruction-list li{color:#98a3b3}
.ev-theme-b.ev-route-payment .ev-payment-meta div{border-color:#2b3543;background:#10151e}
.ev-theme-b.ev-route-payment .ev-payment-meta span{color:#7d899b}
.ev-theme-b.ev-route-payment .ev-payment-meta strong{color:#eef3f9}
.ev-theme-b.ev-route-payment .ev-manual-confirm{border-color:#244b3d;background:#10251e}
.ev-theme-b.ev-route-payment .ev-manual-confirm>strong{color:#64d5a0}
.ev-theme-b.ev-route-payment .ev-manual-confirm p{color:#8eaa9f}
.ev-theme-b.ev-route-payment .ev-trust-note{color:#727e90}

/* Thank-you and waiting result. */
.ev-theme-b.ev-route-thankyou .ev-thank-head{padding:16px 18px 58px;background:radial-gradient(circle at 50% 43%,rgba(31,145,247,.18),transparent 37%),linear-gradient(180deg,#111925 0%,#090b10 100%);color:#fff}
.ev-theme-b.ev-route-thankyou .ev-thank-head:after{display:none}
.ev-theme-b.ev-route-thankyou .ev-success-icon{width:62px;height:62px;margin-top:27px;border:1px solid #2d604c;background:#123226;color:#6de1aa;box-shadow:0 12px 28px rgba(0,0,0,.24);font-size:28px}
.ev-theme-b.ev-route-thankyou .ev-thank-head h1{color:#f7f9fc}
.ev-theme-b.ev-route-thankyou .ev-thank-head p{color:#929dae}
.ev-theme-b.ev-route-thankyou .ev-thank-card{border-color:#28313e;border-radius:18px;background:#151923;color:#f7f9fc;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.ev-theme-b.ev-route-thankyou .ev-thank-card h2{color:#f7f9fc}
.ev-theme-b.ev-route-thankyou .ev-thank-campaign{border-color:#2b3543;background:#10151e}
.ev-theme-b.ev-route-thankyou .ev-thank-campaign small{color:#7e8a9c}
.ev-theme-b.ev-route-thankyou .ev-thank-campaign strong{color:#eef3f9}
.ev-theme-b.ev-route-thankyou .ev-summary-lines p{border-color:#29313e;color:#eef3f9}
.ev-theme-b.ev-route-thankyou .ev-summary-lines span{color:#8591a3}
.ev-theme-b.ev-route-thankyou .ev-gratitude{background:#10251e;color:#8fd1b2}
.ev-theme-b.ev-route-thankyou .ev-link-center{color:#4aa7ff!important}
.ev-theme-b.ev-route-thankyou .ev-trust-note{color:#747f90}

/* Donor login, register, and account. */
.ev-theme-b.ev-route-login .ev-account-hero,
.ev-theme-b.ev-route-register .ev-account-hero,
.ev-theme-b.ev-route-account .ev-account-hero{padding-top:17px;border-radius:0;background:radial-gradient(circle at 90% 6%,rgba(39,148,255,.2),transparent 36%),linear-gradient(180deg,#111925 0%,#090b10 100%);color:#fff}
.ev-theme-b .ev-account-hero h1{color:#f7f9fc}
.ev-theme-b .ev-account-hero p{color:#929dae}
.ev-theme-b .ev-account-hero .ev-account-kicker{color:#43a2ff;opacity:1}
.ev-theme-b .ev-auth-card,
.ev-theme-b .ev-account-card{border-color:#28313e;border-radius:17px;background:#151923;color:#f7f9fc;box-shadow:0 17px 38px rgba(0,0,0,.22)}
.ev-theme-b .ev-account-form .ev-field>span{color:#dce4ee}
.ev-theme-b .ev-account-form .ev-field input{min-height:50px;border-color:#303846;border-radius:11px;background:#0f141c;color:#f6f8fb}
.ev-theme-b .ev-account-form .ev-field input::placeholder{color:#667284}
.ev-theme-b .ev-account-form .ev-field input:focus{border-color:#278ff6;background:#101722;box-shadow:0 0 0 3px rgba(39,143,246,.1)}
.ev-theme-b .ev-account-form .ev-field input[readonly]{background:#11161f;color:#8691a2}
.ev-theme-b .ev-account-form .ev-field small{color:#7d899b}
.ev-theme-b .ev-account-remember{color:#9da7b7}
.ev-theme-b .ev-auth-links{color:#8792a3}
.ev-theme-b .ev-auth-links>a,
.ev-theme-b .ev-auth-links p a{color:#4aa7ff}
.ev-theme-b .ev-account-message{border:1px solid #294d6f;background:#10283e;color:#9ed0ff}
.ev-theme-b .ev-account-message.is-error{border-color:#64353d;background:#2b171b;color:#ffabb5}
.ev-theme-b .ev-account-message.is-success{border-color:#24513f;background:#10261e;color:#8fdeb7}
.ev-theme-b .ev-account-section-head small{color:#778497}
.ev-theme-b .ev-account-section-head h2{color:#f4f7fb}
.ev-theme-b .ev-account-section-head>span{color:#8d98a9}
.ev-theme-b .ev-account-badge{border:1px solid #315071;background:#132b44;color:#5fb2ff!important}
.ev-theme-b .ev-notification-card>p{color:#909bac}
.ev-theme-b .ev-push-action{border-color:#2c3644;background:#10151e}
.ev-theme-b .ev-push-action strong{color:#eef3f9}
.ev-theme-b .ev-push-action small,
.ev-theme-b .ev-push-note{color:#7d899a}
.ev-theme-b .ev-supported-card{border-color:#2b3441;background:#10151e}
.ev-theme-b .ev-supported-card strong{color:#eef3f9}
.ev-theme-b .ev-supported-card small{color:#7d899b}
.ev-theme-b .ev-donation-history>a{border-color:#29313e;color:#edf2f8}
.ev-theme-b .ev-donation-history strong,
.ev-theme-b .ev-donation-history b{color:#edf2f8}
.ev-theme-b .ev-donation-history small{color:#7e8a9c}
.ev-theme-b .ev-account-empty{color:#8c97a8}
.ev-theme-b .ev-account-empty strong{color:#eef3f9}
.ev-theme-b .ev-account-logout{color:#ff8794}
.ev-theme-b .ev-push-onboarding-backdrop{background:rgba(2,5,9,.78)}
.ev-theme-b .ev-push-onboarding-card{border-color:#313a47;background:#151923;color:#f7f9fc}
.ev-theme-b .ev-push-onboarding-icon{border-color:#2d435d;background:#10243a;color:#55abff;box-shadow:none}
.ev-theme-b .ev-push-onboarding-card h2{color:#f7f9fc}
.ev-theme-b .ev-push-onboarding-card>p{color:#929dae}
.ev-theme-b .ev-push-onboarding-state{color:#a2acba}
.ev-theme-b .ev-push-onboarding-card>small{color:#788496}

/* Not-found and generic public states. */
.ev-theme-b .ev-empty{border-color:#293240;border-radius:17px;background:#151923;color:#f7f9fc;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.ev-theme-b .ev-empty-icon{border:1px solid #2e4661;background:#10263d;color:#54aaff}
.ev-theme-b .ev-empty h1{color:#f7f9fc}
.ev-theme-b .ev-empty p{color:#8f9aaa}

/* Compact Theme B checkout refinements requested for v0.4.10. */
.ev-donate-page-theme-b .ev-b-donate-head{padding-bottom:16px}
.ev-donate-page-theme-b .ev-b-donate-intro{margin-top:18px}
.ev-donate-page-theme-b .ev-b-donate-steps{margin-top:15px}
.ev-donate-page-theme-b .ev-payment-direct{padding-top:15px}
.ev-donate-page-theme-b .ev-field input{min-height:50px;padding:13px;font-size:12px}

@media(max-width:430px){
  .ev-theme-b.ev-route-campaigns .ev-list-card{grid-template-columns:104px minmax(0,1fr);gap:10px}
  .ev-theme-b.ev-route-campaigns .ev-list-card img,
  .ev-theme-b.ev-route-campaigns .ev-list-card.is-tall img{width:104px}
  .ev-theme-b .ev-push-action{align-items:flex-start;flex-direction:column}
  .ev-theme-b .ev-push-action .ev-btn{width:100%}
}

@media(min-width:700px){
  .ev-theme-b.ev-route-campaigns .ev-list-overlap{padding-left:34px!important;padding-right:34px!important}
  .ev-theme-b.ev-route-campaigns .ev-category-scroll{margin-left:-34px;margin-right:-34px;padding-left:34px;padding-right:34px}
  .ev-theme-b.ev-route-campaigns .ev-list-card{grid-template-columns:150px minmax(0,1fr);gap:16px}
  .ev-theme-b.ev-route-campaigns .ev-list-card img,
  .ev-theme-b.ev-route-campaigns .ev-list-card.is-tall img{width:150px}
  .ev-theme-b.ev-route-campaigns .ev-list-card h3{font-size:15px}
  .ev-theme-b.ev-route-about .ev-about-head,
  .ev-theme-b.ev-route-legal .ev-about-head,
  .ev-theme-b.ev-route-payment .ev-payment-head,
  .ev-theme-b.ev-route-thankyou .ev-thank-head{padding-left:34px;padding-right:34px}
}

@media(min-width:1024px){
  body.ev-theme-b.ev-desktop-enabled .ev-site{width:100%;max-width:none;padding:0;background:#07090d!important}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-shell{width:min(92vw,1500px)!important;grid-template-columns:210px minmax(0,1fr)!important;gap:22px!important}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-sidebar{border:1px solid #202632!important;background:#10141c!important;color:#f3f6fa!important}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-sidebar:before,
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-sidebar:after{background:rgba(38,143,248,.07)}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-sidebar .ev-brand-name,
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-side-link span:last-child,
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-sidebar-foot strong{color:#eef3f9!important}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-side-link{color:#8792a3!important}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-side-link.is-active{background:#17243a!important;color:#fff!important}
  body.ev-theme-b.ev-desktop-enabled .ev-desktop-stage{min-width:0;background:#090b10!important}
  body.ev-theme-b.ev-desktop-enabled .ev-listing-page,
  body.ev-theme-b.ev-desktop-enabled .ev-about-page,
  body.ev-theme-b.ev-desktop-enabled .ev-payment-page,
  body.ev-theme-b.ev-desktop-enabled .ev-thank-page,
  body.ev-theme-b.ev-desktop-enabled .ev-account-page{max-width:980px;box-shadow:none!important}
  body.ev-theme-b.ev-desktop-enabled .ev-bottom-nav{display:none!important}
}

/* ========================================================================== 
   EV Theme v0.4.13 — Theme B Homepage / SB-inspired composition
   Scope: Theme B Homepage only. Campaign cards/progress components remain EV.
   ========================================================================== */
.ev-home-theme-b{
  padding:14px 0 104px;
  overflow:visible;
}
.ev-home-theme-b .ev-b-home-content{
  margin:0;
  background:transparent;
}
.ev-home-theme-b .ev-b-top-card{
  --ev-b-top-action:#0b2745;
  width:calc(100% - 28px);
  max-width:480px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  border-radius:30px;
  background:var(--ev-b-top-action);
  box-shadow:0 16px 42px rgba(0,0,0,.20);
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  min-height:0;
  border-radius:0;
  background:var(--ev-b-top-action);
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-slide{
  height:100%;
  background:#0b1725;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-slide>img{
  object-position:center 32%;
  transform:translate3d(0,calc(var(--ev-b-scroll) * 7px),0) scale(1.012);
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-image-shade{
  background:linear-gradient(to top,var(--ev-b-top-action) 0%,rgba(11,39,69,.88) 17%,rgba(7,21,37,.62) 38%,rgba(5,12,21,.24) 60%,rgba(5,12,21,.04) 78%,rgba(5,12,21,.12) 100%);
}
.ev-home-theme-b .ev-b-hero-copy{
  position:absolute;
  z-index:4;
  right:20px;
  bottom:44px;
  left:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  text-align:center;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.ev-home-theme-b .ev-b-hero-copy>span{
  max-width:90%;
  margin-bottom:7px;
  overflow:hidden;
  color:#d8ebff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.ev-home-theme-b .ev-b-hero-copy h1{
  display:-webkit-box;
  max-width:94%;
  margin:0;
  overflow:hidden;
  color:#fff;
  font-size:clamp(22px,6.5vw,31px);
  font-weight:900;
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.ev-home-theme-b .ev-b-hero-copy p{
  max-width:88%;
  margin:9px 0 0;
  overflow:hidden;
  color:rgba(255,255,255,.80);
  font-size:10px;
  font-weight:650;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ev-home-theme-b .ev-b-hero-dots{
  bottom:14px;
  gap:6px;
  width:max-content;
  margin:0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(8,20,34,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ev-home-theme-b .ev-b-hero-dots button{
  width:6px;
  height:6px;
  background:rgba(255,255,255,.48);
}
.ev-home-theme-b .ev-b-hero-dots button.is-active{
  width:22px;
  background:#fff;
}

/* SB-style frosted search stays visible over the hero and uses KI branding. */
.ev-home-theme-b .ev-b-hero-search.ev-b-hero-search-static{
  top:calc(14px + env(safe-area-inset-top));
  right:14px;
  left:14px;
  display:block!important;
}
.ev-home-theme-b .ev-b-search-form{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  min-height:46px;
  margin:0;
  padding:4px 5px;
  gap:5px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:17px;
  background:rgba(255,255,255,.28);
  box-shadow:0 9px 24px rgba(5,20,38,.16);
  backdrop-filter:blur(12px) saturate(1.16);
  -webkit-backdrop-filter:blur(12px) saturate(1.16);
}
.ev-home-theme-b .ev-b-search-brand{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  overflow:hidden;
  border-radius:11px;
  background:rgba(255,255,255,.74);
}
.ev-home-theme-b .ev-b-search-brand img{
  display:block;
  width:27px;
  height:27px;
  object-fit:contain;
}
.ev-home-theme-b .ev-b-search-brand-fallback{
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,#19a9e3,#0968d8);
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.ev-home-theme-b .ev-b-search-form input[type="search"]{
  width:100%;
  height:36px;
  min-width:0;
  padding:0 5px!important;
  color:#16324f!important;
  font-size:11.5px;
  font-weight:700;
}
.ev-home-theme-b .ev-b-search-form input[type="search"]::placeholder{color:rgba(31,60,88,.67)}
.ev-home-theme-b .ev-b-search-submit{
  display:grid;
  width:34px;
  height:34px;
  padding:0;
  place-items:center;
  border:0;
  border-radius:11px;
  background:rgba(20,121,232,.15);
  color:#0968d8;
  cursor:pointer;
}
.ev-home-theme-b .ev-b-search-submit .ev-b-icon{width:17px;height:17px}
.ev-home-theme-b .ev-b-search-form .ev-live-search-results{
  top:51px;
  right:0;
  left:0;
  width:100%;
  max-height:222px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.60);
  border-radius:15px;
  background:rgba(249,252,255,.94);
  color:#16324f;
  box-shadow:0 18px 38px rgba(4,24,48,.20);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.ev-home-theme-b .ev-b-search-form .ev-live-search-item strong{color:#16324f}
.ev-home-theme-b .ev-b-search-form .ev-live-search-item:hover,
.ev-home-theme-b .ev-b-search-form .ev-live-search-item.is-active{background:#eaf4ff}

/* Unified action strip + category surface. */
.ev-home-theme-b .ev-b-top-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  padding:13px 14px 14px;
  background:var(--ev-b-top-action);
}
.ev-home-theme-b .ev-b-top-action-copy{
  display:flex;
  max-width:100%;
  flex-direction:column;
  align-items:center;
  gap:2px;
  text-align:center;
}
.ev-home-theme-b .ev-b-top-action-copy>span{
  color:#fff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.03em;
}
.ev-home-theme-b .ev-b-top-action-copy>small{
  max-width:100%;
  overflow:hidden;
  color:#a9bdd2;
  font-size:9px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ev-home-theme-b .ev-b-top-actions .ev-b-donate-button{
  width:min(100%,170px);
  min-height:43px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#0968d8,#1688f3);
  color:#fff!important;
  font-size:11.5px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(7,105,216,.28);
}
.ev-home-theme-b .ev-b-category-panel{
  margin:0;
  padding:10px 8px 11px;
  overflow:hidden;
  border-radius:28px 28px 0 0;
  background:var(--ev-b-panel);
}
.ev-home-theme-b .ev-b-category-label{
  margin:0 0 6px;
  color:var(--ev-b-muted);
  font-size:8px;
  font-weight:850;
  letter-spacing:.085em;
  text-align:center;
  text-transform:uppercase;
}
.ev-home-theme-b .ev-b-category-grid{
  gap:0;
}
.ev-home-theme-b .ev-b-category-card{
  position:relative;
  flex-direction:column;
  min-height:68px;
  gap:5px;
  padding:6px 3px 4px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ev-home-theme-b .ev-b-category-card+.ev-b-category-card::before{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  left:0;
  width:1px;
  background:var(--ev-b-line);
}
.ev-home-theme-b .ev-b-category-card>span{
  width:34px;
  height:34px;
  flex-basis:34px;
  border-radius:50%;
  background:var(--ev-b-panel-2);
  color:var(--ev-b-blue);
}
.ev-home-theme-b .ev-b-category-card>span svg{width:19px;height:19px}
.ev-home-theme-b .ev-b-category-card>span img{width:20px;height:20px}
.ev-home-theme-b .ev-b-category-card>b{
  display:-webkit-box;
  min-height:20px;
  overflow:hidden;
  color:var(--ev-b-text);
  font-size:8.3px;
  font-weight:760;
  line-height:1.18;
  text-align:center;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* SB spacing/hierarchy around existing EV campaign components. */
.ev-home-theme-b .ev-b-section{
  margin-top:31px;
  padding:0 17px;
}
.ev-home-theme-b .ev-b-section h2{
  margin-bottom:14px;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.ev-home-theme-b .ev-b-campaign-slider-section{
  padding-right:0;
}
.ev-home-theme-b .ev-b-campaign-slider-section>h2{
  padding-right:17px;
  text-align:center;
}
.ev-home-theme-b .ev-b-campaign-slider{
  padding-right:17px;
  padding-bottom:7px;
}
.ev-home-theme-b .ev-b-banner-section{margin-top:27px}
.ev-home-theme-b .ev-b-banner{border-radius:24px}
.ev-home-theme-b .ev-b-list-section{padding-bottom:8px}
.ev-home-theme-b .ev-b-list-section>h2{margin-left:2px}

@media(max-width:359px){
  .ev-home-theme-b{padding-top:10px}
  .ev-home-theme-b .ev-b-top-card{margin-right:10px;margin-left:10px;border-radius:27px}
  .ev-home-theme-b .ev-b-hero-copy{right:15px;bottom:42px;left:15px}
  .ev-home-theme-b .ev-b-hero-copy h1{font-size:21px}
  .ev-home-theme-b .ev-b-hero-search.ev-b-hero-search-static{right:11px;left:11px}
  .ev-home-theme-b .ev-b-search-form{grid-template-columns:32px minmax(0,1fr) 32px;min-height:42px}
  .ev-home-theme-b .ev-b-search-brand{width:30px;height:30px}
  .ev-home-theme-b .ev-b-search-brand img{width:24px;height:24px}
  .ev-home-theme-b .ev-b-search-submit{width:30px;height:30px}
  .ev-home-theme-b .ev-b-search-form input[type="search"]{font-size:10.5px}
  .ev-home-theme-b .ev-b-category-card{min-height:63px}
  .ev-home-theme-b .ev-b-category-card>span{width:30px;height:30px;flex-basis:30px}
  .ev-home-theme-b .ev-b-category-card>b{font-size:7.7px}
  .ev-home-theme-b .ev-b-section{padding-left:13px;padding-right:13px}
  .ev-home-theme-b .ev-b-campaign-slider-section{padding-right:0}
  .ev-home-theme-b .ev-b-campaign-slider-section>h2{padding-right:13px}
  .ev-home-theme-b .ev-b-campaign-slider{padding-right:13px}
}

@media(min-width:700px){
  .ev-home-theme-b .ev-b-top-card{max-width:520px}
  .ev-home-theme-b .ev-b-top-card .ev-b-hero{height:auto;min-height:0;border-radius:0}
  .ev-home-theme-b .ev-b-section{padding-left:34px;padding-right:34px}
  .ev-home-theme-b .ev-b-campaign-slider-section{padding-right:0}
  .ev-home-theme-b .ev-b-campaign-slider-section>h2{padding-right:34px}
  .ev-home-theme-b .ev-b-campaign-slider{padding-right:34px}
}

@media(min-width:1024px){
  .ev-theme-b-home .ev-b-top-card{max-width:620px;margin-top:8px}
}


/* ========================================================================== 
   EV Theme v0.4.14 — Theme B fixed mobile-app shell on wide screens
   Theme A and Friday Engine are intentionally untouched.
   ========================================================================== */
body.ev-theme-b .ev-site{
  width:min(430px,100%)!important;
  max-width:430px!important;
  margin:0 auto!important;
}
body.ev-theme-b .ev-home-theme-b,
body.ev-theme-b .ev-campaign-detail-theme-b,
body.ev-theme-b .ev-donate-page-theme-b,
body.ev-theme-b .ev-listing-page,
body.ev-theme-b .ev-about-page,
body.ev-theme-b .ev-payment-page,
body.ev-theme-b .ev-thank-page,
body.ev-theme-b .ev-account-page,
body.ev-theme-b .ev-simple-page{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.ev-theme-b .ev-bottom-nav,
.ev-theme-b-campaign-detail .ev-b-detail-donate-sticky,
body.ev-theme-b .ev-payment-sheet{
  width:min(430px,100%)!important;
}

/* A wide browser still uses the same compact spacing/composition as mobile. */
@media(min-width:700px){
  .ev-theme-b-home .ev-site{width:430px!important;max-width:430px!important;background:var(--ev-b-bg)!important}
  .ev-theme-b-home .ev-home-theme-b{width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important}
  .ev-home-theme-b .ev-b-top-card{max-width:480px!important;margin-top:0!important}
  .ev-home-theme-b .ev-b-section{padding-left:17px!important;padding-right:17px!important}
  .ev-home-theme-b .ev-b-campaign-slider-section{padding-right:0!important}
  .ev-home-theme-b .ev-b-campaign-slider-section>h2{padding-right:17px!important}
  .ev-home-theme-b .ev-b-campaign-slider{padding-right:17px!important}
  .ev-home-theme-b .ev-b-campaign-card{flex-basis:calc((100% - 10px)/2)!important}
  .ev-home-theme-b .ev-b-list-card{grid-template-columns:120px minmax(0,1fr)!important;gap:13px!important}
  .ev-home-theme-b .ev-b-list-media{width:120px!important}
  .ev-home-theme-b .ev-b-list-copy>strong{font-size:13px!important}

  .ev-theme-b-campaign-detail .ev-site{width:430px!important;max-width:430px!important;background:var(--ev-b-bg)!important}
  .ev-theme-b-campaign-detail .ev-campaign-detail-theme-b{width:100%!important;max-width:none!important}
  .ev-campaign-detail-theme-b .ev-b-detail-overview-card{margin:0!important;border-radius:0!important}
  .ev-campaign-detail-theme-b .ev-b-detail-cover{max-height:none!important;margin:14px 14px 0!important;border-radius:18px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-overview-body{padding:20px 18px 0!important}
  .ev-campaign-detail-theme-b .ev-b-detail-content-sheet{padding:18px 18px 24px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-heading h1{font-size:24px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-meta{font-size:10px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-fundraiser-inline>p{font-size:10px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-card{min-height:60px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-copy{min-height:56px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-progress-copy strong{font-size:13px!important}
  .ev-campaign-detail-theme-b .ev-b-detail-tabs button{font-size:9px!important}

  .ev-theme-b-donate .ev-site{width:430px!important;max-width:430px!important;background:var(--ev-b-bg)!important}
  .ev-theme-b-donate .ev-donate-page-theme-b{width:100%!important;max-width:none!important}
  .ev-donate-page-theme-b .ev-b-donate-head{padding:14px 14px 16px!important}
  .ev-donate-page-theme-b .ev-b-donate-campaign{grid-template-columns:76px minmax(0,1fr)!important;padding:9px!important}
  .ev-donate-page-theme-b .ev-b-donate-campaign img{width:76px!important}
  .ev-donate-page-theme-b .ev-b-donate-campaign strong{font-size:11px!important}
  .ev-donate-page-theme-b .ev-b-donate-intro h1{font-size:22px!important}
  .ev-donate-page-theme-b .ev-b-checkout-card{margin-left:14px!important;margin-right:14px!important;padding:4px 15px 17px!important}
  .ev-donate-page-theme-b .ev-form-section{padding-top:18px!important;padding-bottom:18px!important}
  .ev-donate-page-theme-b .ev-numbered-title h2{font-size:13px!important}
  .ev-donate-page-theme-b .ev-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  body.ev-theme-b.ev-route-campaigns .ev-list-overlap{padding-left:18px!important;padding-right:18px!important}
  body.ev-theme-b.ev-route-campaigns .ev-category-scroll{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}
  body.ev-theme-b.ev-route-campaigns .ev-list-card{grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important}
  body.ev-theme-b.ev-route-campaigns .ev-list-card img,
  body.ev-theme-b.ev-route-campaigns .ev-list-card.is-tall img{width:104px!important}
  body.ev-theme-b.ev-route-campaigns .ev-list-card h3{font-size:13px!important}

  body.ev-theme-b.ev-route-about .ev-about-head,
  body.ev-theme-b.ev-route-legal .ev-about-head,
  body.ev-theme-b.ev-route-payment .ev-payment-head,
  body.ev-theme-b.ev-route-thankyou .ev-thank-head{padding-left:18px!important;padding-right:18px!important}
  body.ev-theme-b .ev-about-cards{padding-left:14px!important;padding-right:14px!important}
  body.ev-theme-b .ev-payment-card,
  body.ev-theme-b .ev-thank-card{margin-left:14px!important;margin-right:14px!important}
  body.ev-theme-b .ev-auth-card{margin-left:14px!important;margin-right:14px!important;max-width:none!important}
  body.ev-theme-b .ev-account-content{margin-left:14px!important;margin-right:14px!important;max-width:none!important;padding-left:0!important;padding-right:0!important}

  body.ev-theme-b .ev-bottom-nav{display:grid!important;width:430px!important}
  .ev-theme-b-campaign-detail .ev-b-detail-donate-sticky{width:430px!important}
  body.ev-theme-b .ev-payment-sheet{width:430px!important}
}

/* Preview follows the same phone-width presentation without activating Theme B. */
@media(min-width:700px){
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-bar{
    right:auto;
    left:50%;
    width:430px;
    min-height:48px;
    justify-content:space-between;
    gap:8px;
    padding:6px 9px;
    transform:translateX(-50%);
  }
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-bar>span:first-child{display:block}
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-bar small{display:block;margin-top:1px}
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-links a:first-child{display:none}
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-links a{padding:6px 9px}
  body.ev-theme-b.ev-theme-preview .ev-site{padding-top:48px}
}

/* ========================================================================== 
   EV Theme v0.4.16 — Theme B manual hero + exact SB viewport width
   ========================================================================== */
.ev-home-theme-b .ev-b-top-card{
  max-width:none;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero{
  height:520px;
  aspect-ratio:auto;
  overflow:hidden;
  background:#071421;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-track,
.ev-home-theme-b .ev-b-top-card .ev-b-hero-slide{height:100%}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-slide>img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:none!important;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-image-shade{
  background:linear-gradient(to top,rgba(5,15,25,.94) 0%,rgba(5,15,25,.72) 24%,rgba(5,15,25,.28) 49%,rgba(5,15,25,.06) 72%,rgba(5,15,25,.08) 100%);
}
.ev-home-theme-b .ev-b-hero-copy{display:none!important}
.ev-home-theme-b .ev-b-hero-search.ev-b-hero-search-static{
  top:calc(16px + env(safe-area-inset-top));right:16px;left:16px;
}
.ev-home-theme-b .ev-b-search-form{
  grid-template-columns:40px minmax(0,1fr) 40px;
  min-height:54px;padding:5px 6px;gap:6px;border-radius:20px;
}
.ev-home-theme-b .ev-b-search-brand,
.ev-home-theme-b .ev-b-search-submit{width:40px;height:40px;border-radius:13px}
.ev-home-theme-b .ev-b-search-brand img{width:31px;height:31px}
.ev-home-theme-b .ev-b-search-form input[type="search"]{height:40px;padding:0 8px!important;font-size:13px}
.ev-home-theme-b .ev-b-search-submit .ev-b-icon{width:19px;height:19px}
.ev-home-theme-b .ev-b-hero-dots{bottom:112px}
.ev-home-theme-b .ev-b-top-actions{
  position:absolute;z-index:7;right:0;bottom:28px;left:0;
  display:flex;align-items:center;justify-content:center;padding:0 22px;background:transparent;
}
.ev-home-theme-b .ev-b-top-actions .ev-b-donate-button{
  width:min(100%,230px);min-height:48px;padding:13px 18px;font-size:13px;
}
.ev-home-theme-b .ev-b-category-panel{position:relative;z-index:8;border-radius:28px 28px 0 0}

@media(max-width:360px){
  .ev-home-theme-b .ev-b-top-card .ev-b-hero{height:470px}
  .ev-home-theme-b .ev-b-hero-search.ev-b-hero-search-static{right:12px;left:12px}
  .ev-home-theme-b .ev-b-search-form{grid-template-columns:36px minmax(0,1fr) 36px;min-height:48px}
  .ev-home-theme-b .ev-b-search-brand,.ev-home-theme-b .ev-b-search-submit{width:36px;height:36px}
  .ev-home-theme-b .ev-b-search-brand img{width:28px;height:28px}
  .ev-home-theme-b .ev-b-search-form input[type="search"]{height:36px;font-size:11.5px}
}

/* SB reference viewport is max-width 480px. Theme B uses that exact shell on wide screens. */
@media(min-width:700px){
  .ev-theme-b-home .ev-site{width:480px!important;max-width:480px!important}
  body.ev-theme-b .ev-bottom-nav{width:480px!important}
  .ev-theme-b-campaign-detail .ev-site,
  .ev-theme-b-donate .ev-site{width:480px!important;max-width:480px!important}
  .ev-theme-b-campaign-detail .ev-b-detail-donate-sticky,
  body.ev-theme-b .ev-payment-sheet{width:480px!important}
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-bar{width:480px!important}
  .ev-home-theme-b .ev-b-top-card{width:calc(100% - 28px)!important;max-width:none!important}
}


/* ========================================================================== 
   EV Theme v0.4.17 — match SB top-card proportions; prevent tall/manual hero
   Theme B homepage only. Friday Engine and campaign components stay untouched.
   ========================================================================== */
.ev-home-theme-b .ev-b-top-card{
  width:calc(100% - 34px)!important;
  max-width:none!important;
  border-radius:32px!important;
  overflow:hidden!important;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4 / 3!important;
  overflow:hidden!important;
  border-radius:31px 31px 0 0!important;
  background:var(--ev-b-top-action)!important;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-track,
.ev-home-theme-b .ev-b-top-card .ev-b-hero-slide{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-slide>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.ev-home-theme-b .ev-b-top-card .ev-b-hero-image-shade{
  background:linear-gradient(to top,var(--ev-b-top-action) 0%,rgba(12,49,87,.76) 22%,rgba(8,30,55,.45) 42%,rgba(5,16,29,.14) 64%,rgba(5,12,21,0) 80%)!important;
}
.ev-home-theme-b .ev-b-hero-dots{
  bottom:10px!important;
}
.ev-home-theme-b .ev-b-top-actions{
  position:static!important;
  z-index:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 14px 14px!important;
  background:var(--ev-b-top-action)!important;
}
.ev-home-theme-b .ev-b-top-actions .ev-b-donate-button{
  width:min(100%,230px)!important;
  min-height:46px!important;
  padding:12px 18px!important;
  font-size:12.5px!important;
}
.ev-home-theme-b .ev-b-category-panel{
  position:relative!important;
  z-index:2!important;
  border-radius:29px 29px 0 0!important;
}
@media(max-width:360px){
  .ev-home-theme-b .ev-b-top-card{width:calc(100% - 24px)!important;border-radius:29px!important}
  .ev-home-theme-b .ev-b-top-card .ev-b-hero{border-radius:28px 28px 0 0!important}
  .ev-home-theme-b .ev-b-top-actions{padding:10px 11px 12px!important}
}
@media(min-width:700px){
  .ev-theme-b-home .ev-site{width:480px!important;max-width:480px!important}
  .ev-home-theme-b .ev-b-top-card{width:calc(100% - 34px)!important;max-width:none!important;margin-top:0!important}
  body.ev-theme-b.ev-theme-preview .ev-theme-preview-bar{width:480px!important;max-width:100%!important}
}


/* ========================================================================== 
   EV Theme v0.4.18 — desktop-only mobile-composition lock
   Wide browsers keep the 480px SB shell but must use the same homepage geometry
   as the working phone layout. No rules below apply below 700px.
   ========================================================================== */
@media(min-width:700px){
  body.ev-theme-b.ev-theme-b-home .ev-home-theme-b{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 0 104px!important;
    overflow:visible!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-home-content{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-top-card{
    width:calc(100% - 34px)!important;
    max-width:none!important;
    margin:0 auto!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-top-card .ev-b-hero{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:31px 31px 0 0!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-hero-track,
  body.ev-theme-b.ev-theme-b-home .ev-b-hero-slide{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-hero-slide>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-hero-dots{bottom:10px!important}
  body.ev-theme-b.ev-theme-b-home .ev-b-section{
    width:100%!important;
    max-width:100%!important;
    margin-top:31px!important;
    padding-left:17px!important;
    padding-right:17px!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-campaign-slider-section{
    padding-right:0!important;
    overflow:hidden!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-campaign-slider-section>h2{padding-right:17px!important}
  body.ev-theme-b.ev-theme-b-home .ev-b-campaign-slider{
    width:100%!important;
    max-width:100%!important;
    padding-right:17px!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-campaign-card{
    flex:0 0 calc((100% - 10px)/2)!important;
    max-width:calc((100% - 10px)/2)!important;
  }
  body.ev-theme-b.ev-theme-b-home .ev-b-banner,
  body.ev-theme-b.ev-theme-b-home .ev-b-banner img{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ========================================================================== 
   EV Theme v0.4.19 — category strip + public statistics panel
   Hero crop/aspect stays unchanged. Categories move into the dark gradient area;
   the former white category surface becomes Campaign / Donatur / Total Donasi.
   ========================================================================== */
.ev-home-theme-b .ev-b-category-strip{
  position:relative;
  z-index:5;
  padding:13px 12px 14px;
  overflow:hidden;
  background:linear-gradient(180deg,var(--ev-b-top-action) 0%,#0a2949 100%);
}
.ev-home-theme-b .ev-b-category-scroll{
  display:flex;
  gap:8px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 1px 2px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.ev-home-theme-b .ev-b-category-scroll::-webkit-scrollbar{display:none}
.ev-home-theme-b .ev-b-category-strip-card{
  display:flex;
  flex:0 0 118px;
  min-width:118px;
  min-height:58px;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(8,21,38,.52);
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(1,11,23,.12);
  scroll-snap-align:start;
}
.ev-home-theme-b .ev-b-category-strip-card>span{
  display:grid;
  flex:0 0 26px;
  width:26px;
  height:26px;
  place-items:center;
  color:#3d9eff;
}
.ev-home-theme-b .ev-b-category-strip-card>span svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ev-home-theme-b .ev-b-category-strip-card>span img{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}
.ev-home-theme-b .ev-b-category-strip-card>b{
  display:-webkit-box;
  overflow:hidden;
  color:#f7faff;
  font-size:10.5px;
  font-weight:800;
  line-height:1.13;
  text-align:left;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.ev-home-theme-b .ev-b-stats-panel{
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:14px 8px 15px;
  overflow:hidden;
  border-radius:29px 29px 0 0;
  background:var(--ev-b-panel);
}
.ev-home-theme-b .ev-b-stat-item{
  position:relative;
  min-width:0;
  padding:4px 6px 3px;
  text-align:center;
}
.ev-home-theme-b .ev-b-stat-item+.ev-b-stat-item::before{
  content:"";
  position:absolute;
  top:3px;
  bottom:3px;
  left:0;
  width:1px;
  background:var(--ev-b-line);
}
.ev-home-theme-b .ev-b-stat-item strong{
  display:block;
  min-width:0;
  overflow:hidden;
  color:var(--ev-b-blue);
  font-size:15px;
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.025em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ev-home-theme-b .ev-b-stat-item span{
  display:block;
  margin-top:4px;
  color:var(--ev-b-muted);
  font-size:8.5px;
  font-weight:800;
  line-height:1.15;
}
/* v0.4.19 replaces the old donation action/category panel in this composition. */
.ev-home-theme-b .ev-b-top-actions,
.ev-home-theme-b .ev-b-category-panel{display:none!important}
@media(max-width:360px){
  .ev-home-theme-b .ev-b-category-strip{padding-right:10px;padding-left:10px}
  .ev-home-theme-b .ev-b-category-strip-card{flex-basis:108px;min-width:108px;min-height:54px;padding:8px}
  .ev-home-theme-b .ev-b-category-strip-card>b{font-size:9.5px}
  .ev-home-theme-b .ev-b-stat-item strong{font-size:13px}
  .ev-home-theme-b .ev-b-stat-item span{font-size:7.8px}
}
@media(min-width:700px){
  body.ev-theme-b.ev-theme-b-home .ev-b-category-strip,
  body.ev-theme-b.ev-theme-b-home .ev-b-stats-panel{width:100%!important;max-width:100%!important}
}


/* ========================================================================== 
   EV Theme v0.4.20 — solid category deck + upward hero gradient
   Category deck is the solid anchor; its translucent gradient reaches upward
   into the slider. Exactly three category cards are rendered by the template.
   ========================================================================== */
.ev-home-theme-b .ev-b-category-strip{
  --ev-b-category-solid:#0b2138;
  position:relative!important;
  z-index:7!important;
  padding:13px 12px 14px!important;
  overflow:visible!important;
  background:var(--ev-b-category-solid)!important;
}
.ev-home-theme-b .ev-b-category-strip::before{
  content:"";
  position:absolute;
  z-index:0;
  right:0;
  bottom:100%;
  left:0;
  height:132px;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(11,33,56,0) 0%,
    rgba(11,33,56,.10) 22%,
    rgba(11,33,56,.34) 48%,
    rgba(11,33,56,.72) 76%,
    var(--ev-b-category-solid) 100%);
}
.ev-home-theme-b .ev-b-category-scroll{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  padding:0 1px 2px!important;
}
.ev-home-theme-b .ev-b-category-strip-card{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  flex:none!important;
  padding:9px 9px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--ev-b-category-solid)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.20)!important;
}
.ev-home-theme-b .ev-b-category-strip-card:focus-visible{
  outline:2px solid rgba(66,164,255,.75);
  outline-offset:2px;
}
.ev-home-theme-b .ev-b-hero-image-shade{
  background:linear-gradient(180deg,
    rgba(5,12,21,.08) 0%,
    rgba(5,12,21,.04) 46%,
    rgba(8,24,41,.10) 60%,
    rgba(9,28,48,.26) 74%,
    rgba(10,31,53,.46) 88%,
    rgba(11,33,56,.62) 100%)!important;
}
.ev-home-theme-b .ev-b-hero-dots{z-index:9!important}
@media(max-width:360px){
  .ev-home-theme-b .ev-b-category-strip{padding-right:9px!important;padding-left:9px!important}
  .ev-home-theme-b .ev-b-category-scroll{gap:6px!important}
  .ev-home-theme-b .ev-b-category-strip-card{min-height:54px!important;padding:8px 7px!important}
  .ev-home-theme-b .ev-b-category-strip-card>span{flex-basis:23px;width:23px;height:23px}
  .ev-home-theme-b .ev-b-category-strip-card>span svg,
  .ev-home-theme-b .ev-b-category-strip-card>span img{width:21px;height:21px}
  .ev-home-theme-b .ev-b-category-strip-card>b{font-size:9px!important}
}