.scb-showcase,.scb-showcase *{box-sizing:border-box}
.scb-showcase{width:100%;max-width:1100px;margin:26px auto;padding:25px;background:var(--scb-card-bg,#fff);border:1px solid #e3e9f1;border-radius:18px;box-shadow:0 6px 20px rgba(15,23,42,.12);font-family:inherit}
.scb-showcase .scb-title{text-align:center;font-size:clamp(23px,3vw,32px);line-height:1.25;margin:0 0 20px;font-weight:750;color:#152236}
.scb-showcase .scb-banner{border-radius:12px;overflow:hidden;margin-bottom:22px;background:#ecf1f8;line-height:0}
.scb-showcase .scb-banner img{display:block;width:100%;max-width:none;height:auto;max-height:360px;object-fit:cover;margin:0}
.scb-showcase .scb-description{font-size:16px;line-height:1.7;color:#344256;margin:0 0 22px;overflow-wrap:anywhere}
.scb-showcase .scb-description p{margin:0 0 .85em;color:inherit;line-height:inherit}
.scb-showcase .scb-description p:last-child{margin-bottom:0}
.scb-showcase .scb-description ul,.scb-showcase .scb-description ol{margin:.4em 0 1em;padding-left:1.5em;color:inherit}
.scb-showcase .scb-description ul{list-style:disc outside}
.scb-showcase .scb-description ol{list-style:decimal outside}
.scb-showcase .scb-description li{display:list-item;margin:0 0 .3em;padding:0;list-style:inherit;color:inherit}
.scb-showcase .scb-description li>ul,.scb-showcase .scb-description li>ol{margin:.3em 0 .5em}
.scb-showcase .scb-description a{text-decoration:underline;color:#2563eb}
.scb-showcase .scb-description strong,.scb-showcase .scb-description b{font-weight:700}
.scb-showcase .scb-description h3,.scb-showcase .scb-description h4{margin:.8em 0 .4em;line-height:1.35;color:inherit}
.scb-showcase .scb-description blockquote{margin:.7em 0;padding:.25em 1em;border-left:3px solid #93a3b8}
.scb-showcase .scb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.scb-showcase .scb-grid-1{grid-template-columns:minmax(0,1fr)}
.scb-showcase .scb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.scb-showcase .scb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.scb-showcase .scb-card{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:var(--scb-image-width,100%);max-width:100%;aspect-ratio:4/3;min-height:0;overflow:hidden;border-radius:12px;background:#e9eef5;margin:0 auto}
.scb-showcase .scb-card img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0;z-index:0}
.scb-showcase .scb-card-has-image::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,19,36,.38),rgba(10,19,36,.56));pointer-events:none}
.scb-showcase .scb-card-caption{position:relative;z-index:2;display:block;width:100%;padding:14px 12px;margin:0;color:#fff;font-size:clamp(14px,1.6vw,18px);font-weight:700;line-height:1.4;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.scb-showcase .scb-card-no-image .scb-card-caption{color:#152236;text-shadow:none}
.scb-showcase .scb-card-small .scb-card-caption{font-size:12px;line-height:1.2;padding:5px 4px}
.scb-showcase .scb-action{text-align:center;margin-top:25px}
.scb-showcase .scb-button{display:inline-block;padding:14px 28px;border-radius:11px;background:#2563eb;color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:700;line-height:1.35;transition:background .2s,transform .2s}
.scb-showcase .scb-button:hover,.scb-showcase .scb-button:focus{background:#174bb8;color:#fff!important;transform:translateY(-1px)}
@media(max-width:700px){.scb-showcase{padding:16px;margin:18px auto}.scb-showcase .scb-grid,.scb-showcase .scb-grid-3,.scb-showcase .scb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.scb-showcase .scb-card{min-height:0}}
@media(max-width:420px){.scb-showcase .scb-grid,.scb-showcase .scb-grid-2,.scb-showcase .scb-grid-3,.scb-showcase .scb-grid-4{grid-template-columns:1fr}.scb-showcase .scb-card{min-height:0}.scb-showcase .scb-button{width:100%;text-align:center}}

/* Optional subtle shadow and automatic contrast for dark card backgrounds. */
.scb-showcase.scb-shadow-off{box-shadow:none}
.scb-showcase.scb-bg-dark .scb-title{color:#f8fafc}
.scb-showcase.scb-bg-dark .scb-description{color:#e2e8f0}

.scb-showcase.scb-bg-dark .scb-description a{color:#93c5fd}

/* v1.4: clickable thumbnails + an in-page, accessible image lightbox. */
.scb-showcase button.scb-card-zoom{padding:0;border:0;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;cursor:zoom-in;text-align:center;box-shadow:none;outline-offset:3px;transition:box-shadow .2s ease,transform .2s ease}
.scb-showcase button.scb-card-zoom:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,23,42,.18)}
.scb-showcase button.scb-card-zoom:focus-visible{outline:3px solid #2563eb}
.scb-showcase button.scb-card-zoom::after{content:"⤢";position:absolute;right:8px;bottom:8px;z-index:3;color:#fff;font-size:20px;line-height:1;padding:5px 7px;border-radius:7px;background:rgba(0,0,0,.42);pointer-events:none}
.scb-lightbox{box-sizing:border-box;position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:40px 20px 24px;background:rgba(4,12,25,.92);overscroll-behavior:contain}
.scb-lightbox[hidden]{display:none!important}
.scb-lightbox,.scb-lightbox *{box-sizing:border-box}
.scb-lightbox-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:32px;line-height:1;cursor:pointer;font-family:Arial,sans-serif;padding:0}
.scb-lightbox-close:hover,.scb-lightbox-close:focus-visible{background:#334155;outline:2px solid white;outline-offset:2px}
.scb-lightbox-content{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0}
.scb-lightbox-image{display:block;max-width:min(96vw,1600px);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);height:auto;width:auto;object-fit:contain;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.45);margin:0}
.scb-lightbox-caption{color:#fff;font:500 16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;max-width:min(96vw,1000px);word-break:break-word}
.scb-lightbox-caption:empty{display:none}
body.scb-lightbox-open{overflow:hidden!important}
@media(max-width:480px){.scb-lightbox{padding:72px 10px 20px}.scb-lightbox-image{max-width:100%;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}.scb-lightbox-close{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.scb-showcase button.scb-card-zoom{transition:none}.scb-showcase button.scb-card-zoom:hover{transform:none}}

/* v2.0 — feature-list cards inspired by modern faucet directory layouts.
   All selectors are scoped to the plugin so site themes remain untouched. */
.scb-showcase.scb-featured {
  --scb-feature-text:#18181b;
  --scb-feature-muted:#65707c;
  max-width:790px;
  padding:28px 29px 27px;
  margin:28px auto;
  background:var(--scb-card-bg,#ffffff);
  border:1px solid rgba(0,0,0,.04);
  border-radius:30px;
  box-shadow:0 8px 26px rgba(20,24,30,.10);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--scb-feature-text);
  line-height:1.45;
}
.scb-featured.scb-bg-dark { --scb-feature-text:#f8fafc; --scb-feature-muted:#cbd5e1; }
.scb-featured .scb-feature-head { display:flex; align-items:center; gap:15px; width:100%; min-width:0; margin:0 0 24px; }
.scb-featured .scb-feature-logo { flex:0 0 78px; width:78px; height:78px; display:block; object-fit:contain; border-radius:13px; margin:0; }
.scb-featured .scb-feature-logo-empty { display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#12af82,#f4ce38); color:#fff; font-size:39px; font-weight:800; }
.scb-featured .scb-feature-identity { flex:1 1 0; min-width:0; }
.scb-featured .scb-feature-title { margin:0!important; color:var(--scb-feature-text)!important; text-align:left!important; font-size:clamp(21px,3.5vw,31px)!important; font-weight:800!important; line-height:1.18!important; letter-spacing:-.035em; overflow-wrap:anywhere; }
.scb-featured .scb-feature-subtitle { margin:9px 0 0!important; font-size:clamp(11px,1.65vw,14px); font-weight:800; letter-spacing:.035em; color:var(--scb-feature-muted)!important; line-height:1.4; }
.scb-featured .scb-feature-badges { display:flex; flex:0 0 auto; align-items:flex-end; flex-direction:column; gap:8px; max-width:42%; }
.scb-featured .scb-feature-badge { display:inline-flex; justify-content:center; align-items:center; max-width:100%; min-height:30px; border-radius:999px; padding:5px 12px; font-size:13px; line-height:1.25; font-weight:750; text-align:center; white-space:normal; overflow-wrap:anywhere; }
.scb-featured .scb-feature-badge-hot { background:linear-gradient(115deg,#ff3d00,#fb5e00); color:#fff; }
.scb-featured .scb-feature-badge-neutral { background:#f2f2f0; color:#191b20; }
.scb-featured .scb-banner { margin:0 0 20px; }
.scb-featured .scb-feature-heading { color:var(--scb-feature-text); font-size:clamp(14px,2.4vw,18px); font-weight:850; letter-spacing:.03em; line-height:1.45; margin:0 0 10px; }
.scb-featured .scb-feature-list { margin:0 0 18px!important; padding:0!important; list-style:none!important; display:grid; gap:3px; }
.scb-featured .scb-feature-list .scb-feature-line { display:flex!important; align-items:flex-start; gap:12px; list-style:none!important; padding:6px 10px!important; margin:0!important; border-radius:999px; color:var(--scb-feature-text); font-size:clamp(14px,2.5vw,19px); font-weight:440; line-height:1.45; overflow-wrap:anywhere; }
.scb-featured .scb-feature-list .scb-feature-highlight { background:#fff0c8; color:#17191d; }
.scb-featured .scb-feature-check { display:inline-flex; flex:0 0 22px; justify-content:center; align-items:center; width:22px; height:22px; border-radius:50%; background:#0f1012; color:#fff; font-size:16px; font-weight:800; line-height:1; margin-top:2px; }
.scb-featured .scb-feature-highlight .scb-feature-check { background:transparent; color:#0c0d0e; font-size:25px; line-height:.85; }
.scb-featured .scb-description { margin:4px 0 19px; font-size:15px; line-height:1.6; color:var(--scb-feature-muted); }
.scb-featured .scb-description h3,.scb-featured .scb-description h4{color:var(--scb-feature-text)}
.scb-featured .scb-grid { margin:12px 0 20px; }
.scb-featured .scb-feature-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-top:24px; }
.scb-featured .scb-feature-payment { display:flex; flex-direction:column; gap:12px; align-items:flex-start; min-width:0; }
.scb-featured .scb-feature-payment-label { font-size:12px; font-weight:850; letter-spacing:.065em; color:var(--scb-feature-text); text-transform:uppercase; }
.scb-featured .scb-feature-payment-pill { display:inline-flex; align-items:center; gap:5px; max-width:100%; border-radius:999px; background:#623108; color:#fff; padding:7px 12px; font-size:14px; font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
.scb-featured .scb-feature-payment-pill span { font-size:16px; }
.scb-featured .scb-feature-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:55px; min-width:0; max-width:100%; flex:0 1 58%; padding:14px 22px; margin:0; background:#222225; color:#fff!important; border:0; border-radius:14px; font-size:clamp(14px,2.4vw,19px); letter-spacing:.065em; line-height:1.2; text-align:center; font-weight:850; text-decoration:none!important; overflow-wrap:anywhere; transition:transform .2s,background .2s; }
.scb-featured .scb-feature-button span { color:#ffc646; font-size:23px; font-weight:850; white-space:nowrap; }
.scb-featured .scb-feature-button:hover,.scb-featured .scb-feature-button:focus-visible { background:#101014; transform:translateY(-2px); color:#fff!important; }
@media (max-width:640px) {
  .scb-showcase.scb-featured { padding:21px 22px 22px; border-radius:27px; margin:20px auto; }
  .scb-featured .scb-feature-head { gap:10px; margin-bottom:20px; }
  .scb-featured .scb-feature-logo { width:58px; height:58px; flex-basis:58px; }
  .scb-featured .scb-feature-logo-empty { font-size:31px; }
  .scb-featured .scb-feature-title { font-size:clamp(19px,5.7vw,25px)!important; }
  .scb-featured .scb-feature-subtitle { font-size:11px; margin-top:5px!important; }
  .scb-featured .scb-feature-badges { gap:6px; max-width:31%; }
  .scb-featured .scb-feature-badge { min-height:26px; font-size:11px; padding:5px 9px; }
  .scb-featured .scb-feature-heading { font-size:14px; }
  .scb-featured .scb-feature-list .scb-feature-line { font-size:15px; gap:8px; padding:7px 9px!important; border-radius:18px; }
  .scb-featured .scb-feature-check { flex-basis:19px; width:19px; height:19px; font-size:13px; }
  .scb-featured .scb-feature-bottom { gap:9px; }
  .scb-featured .scb-feature-button { padding:11px 10px; min-height:48px; flex-basis:57%; font-size:13px; border-radius:12px; gap:7px; }
  .scb-featured .scb-feature-button span { font-size:19px; }
  .scb-featured .scb-feature-payment-label { font-size:11px; }
  .scb-featured .scb-feature-payment-pill { font-size:12px; padding:6px 9px; }
}
@media (max-width:350px) {
  .scb-showcase.scb-featured { padding:17px 14px; }
  .scb-featured .scb-feature-logo { width:46px; height:46px; flex-basis:46px; }
  .scb-featured .scb-feature-title { font-size:18px!important; }
  .scb-featured .scb-feature-badges { max-width:29%; }
  .scb-featured .scb-feature-badge { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .scb-featured .scb-feature-button { transition:none; } }

/* v2 background-color settings: readable dark cards and reliable shadow toggle. */
.scb-showcase.scb-featured.scb-shadow-off{box-shadow:none}
.scb-showcase.scb-featured.scb-bg-dark{border-color:rgba(255,255,255,.11)}
.scb-showcase.scb-featured.scb-bg-dark .scb-description a{color:#93c5fd}

/* v2.1: optional evidence of a payout; matches the soft inset panel in the compact card. */
.scb-showcase.scb-featured .scb-payment-proof{
    margin:20px 0 4px;padding:17px 14px 16px;border-radius:23px;
    background:linear-gradient(180deg,#f1f3f3 0%,#fff 100%);
    color:#17191d;text-align:center;min-width:0;overflow-wrap:anywhere;
}
.scb-showcase.scb-featured .scb-payment-proof-heading{
    margin:0 0 13px;font-size:clamp(12px,1.8vw,16px);font-weight:850;
    letter-spacing:.065em;line-height:1.3;color:#141518;text-transform:uppercase;
}
.scb-showcase.scb-featured .scb-payment-proof-row{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
    gap:9px 14px;min-width:0;
}
.scb-showcase.scb-featured .scb-payment-proof-logo{
    width:43px;height:43px;min-width:43px;display:block;object-fit:contain;
    border-radius:10px;margin:0;
}
.scb-showcase.scb-featured .scb-payment-proof-provider{
    font-size:clamp(16px,2.5vw,21px);font-weight:800;line-height:1.25;color:#161719;
    overflow-wrap:anywhere;
}
.scb-showcase.scb-featured .scb-payment-proof-amount{
    display:inline-flex;align-items:center;justify-content:center;
    padding:7px 14px;min-height:39px;border:1px solid #e5e7eb;border-radius:999px;
    background:#fff;color:#17181b;font-size:clamp(15px,2.5vw,19px);font-weight:800;line-height:1.25;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.scb-showcase.scb-featured .scb-payment-proof-view{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:7px 10px;margin:10px auto 0;border:0;border-radius:10px;
    background:transparent;color:#2563eb;font-size:13px;font-weight:700;
    cursor:zoom-in;text-decoration:underline;text-underline-offset:3px;
}
.scb-showcase.scb-featured .scb-payment-proof-view:hover,
.scb-showcase.scb-featured .scb-payment-proof-view:focus-visible{color:#1d4ed8;background:#e5edff}
.scb-showcase.scb-featured.scb-bg-dark .scb-payment-proof{
    background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));
    border:1px solid rgba(255,255,255,.09);color:#f8fafc;
}
.scb-showcase.scb-featured.scb-bg-dark .scb-payment-proof-heading,
.scb-showcase.scb-featured.scb-bg-dark .scb-payment-proof-provider{color:#f8fafc}
.scb-showcase.scb-featured.scb-bg-dark .scb-payment-proof-amount{
    color:#f8fafc;background:#2f333b;border-color:rgba(255,255,255,.2);
}
.scb-showcase.scb-featured.scb-bg-dark .scb-payment-proof-view{color:#93c5fd}
@media(max-width:640px){
 .scb-showcase.scb-featured .scb-payment-proof{margin-top:15px;padding:13px 10px;border-radius:19px}
 .scb-showcase.scb-featured .scb-payment-proof-heading{font-size:12px}
 .scb-showcase.scb-featured .scb-payment-proof-row{gap:8px}
 .scb-showcase.scb-featured .scb-payment-proof-logo{width:34px;height:34px;min-width:34px;border-radius:7px}
 .scb-showcase.scb-featured .scb-payment-proof-provider{font-size:15px}
 .scb-showcase.scb-featured .scb-payment-proof-amount{min-height:34px;padding:5px 10px;font-size:14px}
}

/* v2.2 — hardening against aggressive theme/global media + typography resets.
   Explicit dimensions/layout keep the compact card responsive even where a
   theme uses broad `img { width:100%!important }` and `ul` overrides. */
.scb-showcase.scb-featured {
  display:block!important;
  width:100%!important;
  max-width:790px!important;
  box-sizing:border-box!important;
  background:var(--scb-card-bg,#fff)!important;
  border-radius:30px!important;
  padding:28px 29px 27px!important;
  overflow:hidden;
}
.scb-showcase.scb-featured .scb-feature-head {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:15px!important;
  min-width:0!important;
}
.scb-showcase.scb-featured img.scb-feature-logo {
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:78px!important;
  max-height:78px!important;
  flex:0 0 78px!important;
  object-fit:contain!important;
  border-radius:13px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}
.scb-showcase.scb-featured .scb-feature-identity { min-width:0!important; flex:1 1 0!important; }
.scb-showcase.scb-featured .scb-feature-badges {
  display:flex!important; flex-direction:column!important; align-items:flex-end!important; flex:0 0 auto!important;
}
.scb-showcase.scb-featured .scb-feature-badge { display:inline-flex!important; width:auto!important; }
.scb-showcase.scb-featured ul.scb-feature-list { display:grid!important; list-style:none!important; padding:0!important; margin:0 0 18px!important; }
.scb-showcase.scb-featured ul.scb-feature-list > li.scb-feature-line {
  display:flex!important; list-style:none!important; margin:0!important; padding:6px 10px!important;
}
.scb-showcase.scb-featured ul.scb-feature-list > li.scb-feature-line::before,
.scb-showcase.scb-featured ul.scb-feature-list > li.scb-feature-line::marker { content:none!important; }
.scb-showcase.scb-featured .scb-feature-bottom { display:flex!important; flex-direction:row!important; align-items:flex-end!important; }
.scb-showcase.scb-featured a.scb-feature-button {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  background:#222225!important; color:#fff!important; text-decoration:none!important;
  border-radius:14px!important; padding:14px 22px!important; min-height:55px!important;
  font-weight:850!important;
}
.scb-showcase.scb-featured .scb-payment-proof { display:block!important; width:100%!important; }
.scb-showcase.scb-featured .scb-payment-proof-row { display:flex!important; flex-direction:row!important; justify-content:center!important; align-items:center!important; flex-wrap:wrap!important; }
.scb-showcase.scb-featured img.scb-payment-proof-logo {
  width:43px!important; min-width:43px!important; max-width:43px!important;
  height:43px!important; max-height:43px!important;
  object-fit:contain!important; display:block!important;
  padding:0!important; margin:0!important; float:none!important;
}
@media(max-width:640px){
  .scb-showcase.scb-featured { padding:21px 22px 22px!important; border-radius:27px!important; }
  .scb-showcase.scb-featured .scb-feature-head { gap:10px!important; }
  .scb-showcase.scb-featured img.scb-feature-logo {
    width:58px!important; min-width:58px!important; max-width:58px!important;
    height:58px!important; max-height:58px!important; flex-basis:58px!important;
  }
  .scb-showcase.scb-featured img.scb-payment-proof-logo {
    width:34px!important; min-width:34px!important; max-width:34px!important;
    height:34px!important; max-height:34px!important;
  }
  .scb-showcase.scb-featured ul.scb-feature-list > li.scb-feature-line { padding:7px 9px!important; }
  .scb-showcase.scb-featured a.scb-feature-button { padding:11px 10px!important; min-height:48px!important; }
}
@media(max-width:350px){
  .scb-showcase.scb-featured {padding:17px 14px!important}
  .scb-showcase.scb-featured img.scb-feature-logo {
    width:46px!important; min-width:46px!important; max-width:46px!important;
    height:46px!important; max-height:46px!important; flex-basis:46px!important;
  }
}

/* v2.3 — all appearance values are bounded and generated in PHP per card.
   High-specificity rules prevent this site's broad theme/button/image resets. */
.scb-showcase.scb-featured,
.scb-showcase:not(.scb-featured){
  border:var(--scb-border-width,1px) solid var(--scb-border-color,#e3e9f1)!important;
  border-radius:var(--scb-card-radius,30px)!important;
  box-shadow:var(--scb-card-shadow,0 8px 26px rgba(0,0,0,.13))!important;
  background:var(--scb-card-bg,#fff)!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.scb-showcase.scb-featured .scb-feature-bottom{
  flex-wrap:wrap!important;
}
.scb-showcase.scb-featured a.scb-feature-button,
.scb-showcase.scb-featured span.scb-feature-button{
  background:var(--scb-button-color,#222225)!important;
  color:var(--scb-button-text,#fff)!important;
  border-radius:var(--scb-button-radius,14px)!important;
  box-shadow:var(--scb-button-shadow,none)!important;
  flex:0 1 var(--scb-button-width,58%)!important;
  width:var(--scb-button-width,58%)!important;
  min-height:var(--scb-button-height,55px)!important;
  border:0!important;
  outline-offset:3px;
  transition:transform .17s ease,filter .17s ease,box-shadow .17s ease!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.scb-showcase:not(.scb-featured) a.scb-button,
.scb-showcase:not(.scb-featured) span.scb-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  max-width:100%!important;
  width:var(--scb-button-width,58%)!important;
  min-height:var(--scb-button-height,55px)!important;
  background:var(--scb-button-color,#222225)!important;
  color:var(--scb-button-text,#fff)!important;
  border-radius:var(--scb-button-radius,14px)!important;
  box-shadow:var(--scb-button-shadow,none)!important;
  border:0!important;
  padding:11px 16px!important;
  text-decoration:none!important;
  transition:transform .17s ease,filter .17s ease,box-shadow .17s ease!important;
  touch-action:manipulation;
}
.scb-showcase .scb-feature-button:hover,.scb-showcase .scb-feature-button:focus-visible,
.scb-showcase .scb-button:hover,.scb-showcase .scb-button:focus-visible{
  filter:brightness(.92)!important;
  transform:translateY(-1px)!important;
}
.scb-showcase .scb-feature-button:active,.scb-showcase .scb-feature-button.scb-is-pressed,
.scb-showcase .scb-button:active,.scb-showcase .scb-button.scb-is-pressed{
  transform:translateY(3px) scale(.97)!important;
  filter:brightness(.83)!important;
  box-shadow:none!important;
}
.scb-showcase.scb-featured .scb-payment-proof.scb-proof-carousel{
  min-height:var(--scb-proof-height,110px)!important;
  height:auto!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  padding:12px 13px!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.scb-showcase.scb-featured .scb-proof-slides{width:100%!important;min-width:0!important}
.scb-showcase.scb-featured .scb-proof-slide{width:100%!important;max-width:100%!important}
.scb-showcase.scb-featured .scb-proof-slide[hidden]{display:none!important}
.scb-showcase.scb-featured .scb-payment-proof-row{min-width:0!important;gap:8px!important}
.scb-showcase.scb-featured .scb-payment-proof-logo{
  width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;
  max-height:32px!important;flex:0 0 32px!important;
}
.scb-showcase.scb-featured .scb-payment-proof-provider{font-size:clamp(13px,2vw,17px)!important;min-width:0!important}
.scb-showcase.scb-featured .scb-payment-proof-amount{font-size:clamp(12px,2vw,15px)!important;min-height:32px!important;padding:5px 9px!important}
.scb-showcase.scb-featured button.scb-proof-thumb{
  position:relative!important;display:block!important;flex:0 0 43px!important;
  width:43px!important;min-width:43px!important;max-width:43px!important;
  height:43px!important;max-height:43px!important;padding:0!important;
  background:transparent!important;border:1px solid rgba(128,128,128,.23)!important;
  border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;
  cursor:zoom-in!important;
}
.scb-showcase.scb-featured .scb-proof-thumb img{
  display:block!important;width:100%!important;max-width:100%!important;height:100%!important;
  max-height:100%!important;object-fit:cover!important;margin:0!important;padding:0!important;
}
.scb-showcase.scb-featured .scb-proof-thumb span{
  position:absolute;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;
  font-size:12px;line-height:1;padding:2px 4px;border-radius:4px 0 0 0;
}
.scb-showcase.scb-featured .scb-proof-thumb::after{display:none!important}
@media(max-width:420px){
  .scb-showcase.scb-featured .scb-payment-proof.scb-proof-carousel{padding:10px 8px!important;gap:5px!important}
  .scb-showcase.scb-featured button.scb-proof-thumb{width:38px!important;min-width:38px!important;max-width:38px!important;flex-basis:38px!important;height:38px!important}
}
@media(prefers-reduced-motion:reduce){
  .scb-showcase .scb-feature-button,.scb-showcase .scb-button{transition:none!important}
}

/* Optional EXMA-style coloured stripe across only the upper edge. */
.scb-showcase.scb-featured.scb-border-top-only,
.scb-showcase.scb-border-top-only:not(.scb-featured){
  border-width:var(--scb-border-width,1px) 0 0 0!important;
}

/* v2.4: side-specific borders, typography and swipe indicators. */
.scb-showcase.scb-featured, .scb-showcase:not(.scb-featured) {
  border-style:solid!important;
  border-color:var(--scb-border-color,#e3e9f1)!important;
  border-width:var(--scb-border-top-width,1px) var(--scb-border-right-width,1px) var(--scb-border-bottom-width,1px) var(--scb-border-left-width,1px)!important;
}
/* Overrides older top-only style when migrating existing cards. */
.scb-showcase.scb-featured.scb-border-top-only, .scb-showcase.scb-border-top-only:not(.scb-featured){
  border-width:var(--scb-border-top-width,1px) var(--scb-border-right-width,0px) var(--scb-border-bottom-width,0px) var(--scb-border-left-width,0px)!important;
}
.scb-showcase .scb-title {font-size:var(--scb-font-title,clamp(23px,3vw,32px))!important}
.scb-showcase.scb-featured .scb-feature-title{font-size:var(--scb-font-title,clamp(21px,3.5vw,31px))!important}
.scb-showcase.scb-featured .scb-feature-subtitle{font-size:var(--scb-font-subtitle,13px)!important}
.scb-showcase.scb-featured .scb-feature-badge-hot{font-size:var(--scb-font-badgeOne,13px)!important}
.scb-showcase.scb-featured .scb-feature-badge-neutral{font-size:var(--scb-font-badgeTwo,13px)!important}
.scb-showcase.scb-featured .scb-feature-heading{font-size:var(--scb-font-featureHeading,clamp(14px,2.4vw,18px))!important}
.scb-showcase.scb-featured .scb-feature-list .scb-feature-line{font-size:var(--scb-font-features,clamp(14px,2.5vw,19px))!important}
.scb-showcase .scb-description{font-size:var(--scb-font-description,16px)!important}
.scb-showcase.scb-featured .scb-payment-proof-heading{font-size:var(--scb-font-proofHeading,14px)!important}
.scb-showcase.scb-featured .scb-payment-proof-provider{font-size:var(--scb-font-proofProvider,clamp(13px,2vw,17px))!important}
.scb-showcase.scb-featured .scb-payment-proof-amount{font-size:var(--scb-font-proofAmount,clamp(12px,2vw,15px))!important}
.scb-showcase.scb-featured .scb-feature-payment-label{font-size:var(--scb-font-paymentLabel,12px)!important}
.scb-showcase.scb-featured .scb-feature-payment-pill{font-size:var(--scb-font-paymentName,14px)!important}
.scb-showcase.scb-featured .scb-feature-button,.scb-showcase .scb-button{font-size:var(--scb-font-button,17px)!important}
.scb-showcase .scb-card-caption{font-size:var(--scb-caption-font-size,16px)!important}
.scb-showcase .scb-proof-slides{touch-action:pan-y!important;cursor:grab!important;user-select:none!important;-webkit-user-select:none!important}
.scb-showcase .scb-proof-slides.scb-is-dragging{cursor:grabbing!important}
.scb-showcase .scb-proof-slides img{-webkit-user-drag:none;user-drag:none}
/* v2.4.2: Payment Proof has no dots, arrows, counters, or empty controls. */
.scb-showcase .scb-proof-controls,
.scb-showcase .scb-proof-counter,
.scb-showcase .scb-proof-dot {display:none!important}
