.affiliate-reco{margin:12px 10px 16px;border:1px solid #e4e8ef;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 22px rgba(15,23,42,.05)}
.aff-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #eef1f4;background:linear-gradient(180deg,#fff,#fbfcfe)}
.aff-head>div{display:grid}.aff-kicker{font-size:8px;letter-spacing:.13em;font-weight:800;color:#8b5cf6}.aff-head strong{font-size:11px;color:#263247}.aff-toggle{border:0;background:transparent;color:#7b8494;width:28px;height:28px;border-radius:8px}
.aff-products{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:390px;overflow:auto}
.aff-card{text-decoration:none;color:#222d40;border:1px solid #e8ebf0;border-radius:12px;overflow:hidden;background:#fff;transition:.18s transform,.18s box-shadow}
.aff-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #17203314}.aff-image{height:92px;position:relative;background:#f3f5f8;overflow:hidden}.aff-image img{width:100%;height:100%;object-fit:cover}.aff-image>span{position:absolute;left:7px;top:7px;background:#111827;color:#fff;border-radius:99px;padding:3px 6px;font-size:7px;font-weight:800}.aff-placeholder{height:100%;display:grid;place-items:center;font-size:22px;color:#a7afbb}
.aff-info{padding:8px;display:grid;gap:2px}.aff-info b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aff-info small{font-size:8px;color:#8a93a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aff-info>div{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.aff-info em{font-style:normal;font-size:9px;font-weight:800;color:#4f46e5}.aff-info i{font-size:10px}
.aff-disclosure{padding:0 11px 9px;color:#9aa2af;font-size:7.5px}.affiliate-reco.collapsed .aff-products,.affiliate-reco.collapsed .aff-disclosure{display:none}.affiliate-reco.collapsed .aff-head{border-bottom:0}.affiliate-reco.collapsed .aff-toggle i:before{content:"\f282"}
.theme-dark .affiliate-reco,.theme-dark .aff-card,.theme-dark .aff-head{background:#171d29;border-color:#2c3545}.theme-dark .aff-head strong,.theme-dark .aff-card{color:#e9edf5}
@media(max-width:640px){.aff-products{grid-template-columns:1fr 1fr}.affiliate-reco{margin:10px 8px}}

/* v8.8.3 — recommendations stay compact and non-blocking */
.affiliate-reco{flex:0 0 auto}
.aff-card:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(79,70,229,.14)}
.aff-info em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}