/* v5.3 monetization UI — intentionally limited to high-intent placements */
.affiliate-offer{margin:26px 0 30px;padding:24px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.65fr);gap:20px;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,124,52,.28);background:linear-gradient(135deg,rgba(255,124,52,.09),rgba(19,216,255,.035) 55%,rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.2)}
.affiliate-offer::before{content:"";position:absolute;inset:-60% auto auto -15%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,124,52,.16),transparent 68%);pointer-events:none}.offer-copy,.offer-code,.offer-actions{position:relative;z-index:1}.offer-kicker{display:block;color:#ff8a47;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:7px}.affiliate-offer h2{margin:0 0 8px;font-size:clamp(1.5rem,2.2vw,2.2rem)}.affiliate-offer p{margin:0;color:rgba(255,255,255,.72);line-height:1.65}.offer-code{justify-self:stretch;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(5,7,9,.48);backdrop-filter:blur(16px)}.offer-code small{display:block;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.13em}.offer-code strong{display:block;font-size:1.45rem;margin:6px 0 12px;color:#fff;letter-spacing:.04em}.offer-code button,.coupon-mini{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:.65rem .9rem;font-weight:750;cursor:pointer;transition:.2s ease}.offer-code button:hover,.coupon-mini:hover{border-color:rgba(255,124,52,.65);background:rgba(255,124,52,.1);transform:translateY(-1px)}.offer-code button.copied,.coupon-mini.copied{border-color:rgba(19,216,255,.7);color:#7ceaff}.offer-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}.affiliate-micro{font-size:.76rem;color:rgba(255,255,255,.5)}
.comparison-affiliate{margin:20px 0;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(255,124,52,.24);background:linear-gradient(120deg,rgba(255,124,52,.08),rgba(255,255,255,.025))}.comparison-affiliate>div:first-child span{display:block;color:#ff8a47;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.comparison-affiliate strong{display:block;margin:4px 0;font-size:1.05rem}.comparison-affiliate small{color:rgba(255,255,255,.55)}.comparison-affiliate>div:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.affiliate-status-note{max-width:1180px;margin:22px auto 0;padding:13px 18px;border:1px solid rgba(255,124,52,.22);border-radius:14px;background:rgba(255,124,52,.06);color:rgba(255,255,255,.68);font-size:.86rem}.affiliate-status-note strong{color:#ff9257}
@media(max-width:760px){.affiliate-offer{grid-template-columns:1fr}.offer-actions{grid-column:auto}.comparison-affiliate{align-items:flex-start;flex-direction:column}.comparison-affiliate>div:last-child{width:100%}.comparison-affiliate .btn{width:100%;justify-content:center}}