:root{
  --bb-orange:#fc8550;
  --bb-blue:#1d4052;
  --bb-ink:#1d4052;
  --bb-bg:#ffffff;
  --bb-muted:#6d8a99;
  --bb-border:#e9eef1;
  --bb-radius:16px;
  --bb-shadow:0 8px 24px rgba(0,0,0,.06);
}
/* Theme helpers – set explicit light or dark on a wrapper */
.bb-aff-theme--light{
  --bb-ink:#1d4052;
  --bb-bg:#ffffff;
  --bb-muted:#6d8a99;
  --bb-border:#e9eef1;
  --bb-shadow:0 8px 24px rgba(0,0,0,.06);
}
.bb-aff-theme--dark{
  --bb-ink:#e6edf2;
  --bb-bg:#0f1720;
  --bb-muted:#9fb3bf;
  --bb-border:#1e2935;
  --bb-shadow:0 10px 30px rgba(0,0,0,.35);
}
}


/* Grundstil */
.bb-aff{box-sizing:border-box; background:var(--bb-bg); color:var(--bb-ink); border:1px solid var(--bb-border); border-radius:var(--bb-radius); box-shadow:var(--bb-shadow); overflow:hidden; position:relative;}
.bb-aff *{box-sizing:border-box}
.bb-aff__row{display:flex; gap:16px; align-items:center}
.bb-aff__col{display:flex; flex-direction:column; gap:10px}
.bb-aff__thumb{width:100%; max-width:120px; aspect-ratio:1/1; border-radius:12px; background:#f6f8f9; display:grid; place-items:center; overflow:hidden;}
.bb-aff__thumb img{width:100%; height:100%; object-fit:cover}
.bb-aff__brand{font-size:.8rem; letter-spacing:.02em; color:var(--bb-muted)}
.bb-aff__title{font-size:1rem; line-height:1.25; margin:0; color:var(--bb-ink)}
.bb-aff__desc{font-size:.9rem; color:var(--bb-ink); opacity:.9}
.bb-aff__price{font-weight:700; color:var(--bb-blue)}
.bb-aff__oldprice{color:var(--bb-muted); text-decoration:line-through; margin-left:.35rem}
.bb-aff__badge{position:absolute; top:10px; left:10px; background:var(--bb-orange); color:#fff; padding:.25rem .55rem; border-radius:999px; font-size:.75rem; font-weight:700; box-shadow:0 4px 14px rgba(252,133,80,.35)}
.bb-aff__ribbon{position:absolute; inset:auto 0 0 auto; background:var(--bb-orange); color:#fff; padding:.5rem .75rem; font-weight:800; border-top-left-radius:12px;}
.bb-aff .bb-aff__cta{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:var(--bb-orange)!important; color:#fff!important; border:1px solid rgba(0,0,0,.04); text-decoration:none; padding:.7rem 1rem; border-radius:12px; font-weight:800; transition:transform .08s ease, box-shadow .2s ease; box-shadow:0 6px 16px rgba(252,133,80,.35)}
.bb-aff .bb-aff__cta:hover{transform:translateY(-1px)}
.bb-aff .bb-aff__cta:active{transform:translateY(0)}
.bb-aff .bb-aff__cta:focus-visible{outline:3px solid color-mix(in oklab, var(--bb-orange) 60%, white); outline-offset:2px}
.bb-aff .bb-aff__cta[disabled]{opacity:.6; pointer-events:none}
.bb-aff__cta:hover{transform:translateY(-1px)}
.bb-aff__cta:active{transform:translateY(0)}
.bb-aff__disclosure{font-size:.78rem; color:var(--bb-muted)}
.bb-stars{display:inline-flex; gap:2px; align-items:center}
.bb-stars svg{width:16px; height:16px; fill:currentColor; color:var(--bb-orange)}


/* Layouts */
.bb-aff--compact{padding:12px 14px}
.bb-aff--compact .bb-aff__row{justify-content:space-between}
.bb-aff--compact .bb-aff__title{font-weight:800}


.bb-aff--mini{padding:12px}
.bb-aff--mini .bb-aff__thumb{max-width:64px; border-radius:10px}
.bb-aff--mini .bb-aff__title{font-size:.95rem}


.bb-aff--large{padding:16px}
.bb-aff--large .bb-aff__media{width:100%; aspect-ratio:16/9; background:#f4f6f7; border-radius:14px; overflow:hidden}
.bb-aff--large .bb-aff__media img{width:100%; height:100%; object-fit:cover}
.bb-aff--large .bb-aff__grid{display:grid; grid-template-columns:1.2fr .8fr; gap:20px;}
@media (max-width:900px){
  .bb-aff--large .bb-aff__grid{grid-template-columns:1fr}
}


/* Liste / Grid */
.bb-aff-list{display:grid; grid-template-columns:repeat(12,1fr); gap:16px}
.bb-aff-list > .bb-aff{grid-column:span 12}
@media (min-width:680px){.bb-aff-list--grid > .bb-aff{grid-column:span 6}}
@media (min-width:1040px){.bb-aff-list--grid > .bb-aff{grid-column:span 4}}


/* Kleine Zierlinie im Brainy-Orange */
.bb-aff__accent{height:4px; width:100%; background:linear-gradient(90deg, var(--bb-orange), var(--bb-blue)); border-radius:0 0 12px 12px}


/* Utility */
.bb-flex{display:flex; gap:10px; align-items:center}
.bb-grow{flex:1}
.bb-right{text-align:right}
/* Alternative Buttons */
.bb-aff .bb-aff__cta--outline{background:transparent!important; color:var(--bb-orange)!important; border:2px solid var(--bb-orange); box-shadow:none}
.bb-aff .bb-aff__cta--ghost{background:transparent!important; color:var(--bb-blue)!important; border:1px dashed var(--bb-border); box-shadow:none}


/* Flat-Variante für nahtlose Einbettung */
.bb-aff--flat{box-shadow:none; border-color:#f1f5f7}


/* --- Clean variant: hide prices and rating stars globally --- */
.bb-aff__price, .bb-aff__oldprice, .bb-stars { display: none !important; }
/* --- Force-hide any ratings (fallback for legacy markup) --- */
.bb-aff .bb-stars, .bb-aff [aria-label*="Sterne"], .bb-aff [aria-label*="Sternen"], .bb-aff [aria-label*="Bewertung"] .bb-stars { display:none !important; }