/* Affiliate showcase — scoped to .affsc. Re-theme via the --affsc-* variables on any ancestor. */
.affsc{
  --affsc-bg:#ffffff; --affsc-bg-2:#fff0f8; --affsc-ink:#2a1442; --affsc-ink-2:#5b4a70;
  --affsc-line:#ecd9f5; --affsc-plum:#4a1f78; --affsc-cta-1:#ff4fa8; --affsc-cta-2:#ff2d55;
  --affsc-cta-ink:#ffffff; --affsc-radius:22px; --affsc-font:inherit;
  box-sizing:border-box; font-family:var(--affsc-font); color:var(--affsc-ink);
  background:linear-gradient(180deg,var(--affsc-bg-2),var(--affsc-bg) 70%);
  border:2px solid var(--affsc-line); border-radius:var(--affsc-radius);
  padding:20px; margin:24px 0; max-width:720px;
  box-shadow:0 10px 30px -14px rgb(74 31 120 / .35);
}
.affsc *,.affsc *::before,.affsc *::after{box-sizing:inherit}
.affsc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.affsc-title{margin:0;font-size:1.25rem;line-height:1.25;font-weight:800;color:var(--affsc-ink)}
.affsc-age{flex:none;font-weight:800;font-size:.85rem;color:#fff;background:var(--affsc-plum);border-radius:999px;padding:4px 10px}
.affsc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.affsc-card{display:flex;align-items:center;gap:14px;background:var(--affsc-bg);border:1px solid var(--affsc-line);border-radius:16px;padding:12px 14px}
.affsc-logo{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  font-weight:900;font-size:1.2rem;color:#fff;
  background:radial-gradient(circle at 30% 28%,rgb(255 255 255 / .55) 0 18%,transparent 19%),var(--c,#ff2d55);
  box-shadow:inset 0 -4px 0 rgb(0 0 0 / .18)}
.affsc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.affsc-name{font-weight:700;overflow-wrap:anywhere}
.affsc-meta{font-size:.85rem;color:var(--affsc-ink-2)}
.affsc-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;
  border-radius:999px;font-weight:800;text-decoration:none;color:var(--affsc-cta-ink);
  background:linear-gradient(180deg,var(--affsc-cta-1),var(--affsc-cta-2));
  box-shadow:inset 0 -4px 0 rgb(0 0 0 / .18),0 4px 0 var(--affsc-plum);
  transition:transform .08s ease,box-shadow .08s ease}
.affsc-btn:hover{filter:brightness(1.05)}
.affsc-btn:active{transform:translateY(3px);box-shadow:inset 0 -2px 0 rgb(0 0 0 / .18),0 1px 0 var(--affsc-plum)}
.affsc-btn:focus-visible{outline:3px solid var(--affsc-plum);outline-offset:3px}
.affsc-btn--ghost{color:var(--affsc-plum);background:var(--affsc-bg);border:2px solid var(--affsc-plum);box-shadow:none}
.affsc-none{margin:0 0 12px;color:var(--affsc-ink-2)}
.affsc-note,.affsc-rg{margin:12px 0 0;font-size:.8rem;line-height:1.45;color:var(--affsc-ink-2)}
.affsc-rg b{color:var(--affsc-ink)}
@media (max-width:480px){
  .affsc{padding:16px}
  .affsc-card{flex-wrap:wrap}
  .affsc-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.affsc-btn{transition:none}}
@media (prefers-color-scheme:dark){
  .affsc{--affsc-bg:#2a1a45;--affsc-bg-2:#22123b;--affsc-ink:#fff4fb;--affsc-ink-2:#d9c8ea;--affsc-line:#4a2f6e;--affsc-plum:#b98cff}
  .affsc-age{color:#1b0f2e}
}
[dir=rtl] .affsc-head,[dir=rtl] .affsc-card{direction:rtl}