/* Same card component as /deals (copied from deals.html) */
.dc-scope{--dc-card:#121a2b;--dc-text:#f3f6ff;--dc-muted:#a9b4cc;--dc-accent:#6ee7b7;--dc-accent2:#7dd3fc;--dc-border:#243049}
.deals.dc-scope{display:grid!important;gap:1rem;grid-template-columns:1fr!important;list-style:none;padding:0}
@media (min-width:700px){.deals.dc-scope{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important}}
.deals.dc-solo{max-width:360px;margin:1.2rem auto;grid-template-columns:1fr!important}
.dc-scope li{list-style:none;margin:0}
.dc-scope article.deal{background:var(--dc-card);border:1px solid var(--dc-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;padding:0;margin:0;position:static;font-family:inherit;text-align:left}
.dc-scope article.deal::before{content:none}
.dc-scope article.deal .ph{background:#fff;aspect-ratio:1/1;display:grid;place-items:center;margin:0;padding:0}
.dc-scope article.deal img{width:100%;height:100%;object-fit:contain;display:block;margin:0;border-radius:0;max-height:none}
.dc-scope article.deal .body{padding:.8rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.dc-scope article.deal p{margin:0;color:var(--dc-muted);font-size:.9rem;font-style:normal}
.dc-scope article.deal .brand{color:var(--dc-accent2);font-weight:700;font-size:.85rem}
.dc-scope article.deal h3{font-size:.98rem;margin:0;line-height:1.3;color:var(--dc-text)}
.dc-scope article.deal .price{color:var(--dc-text);font-weight:700}
.dc-scope article.deal .note{font-size:.78rem}
.dc-scope article.deal code{color:var(--dc-accent);font-weight:700;font-family:inherit;letter-spacing:.03em;background:none}
.dc-scope .ad-label{display:inline-block;font-size:.7rem;font-weight:700;color:#062016;background:var(--dc-accent);border-radius:6px;padding:.05rem .4rem;margin-right:.35rem;vertical-align:.1em;border:0}
.dc-scope article.deal a.btn{display:block;text-align:center;text-decoration:none;color:var(--dc-text)!important;background:linear-gradient(90deg,#0f766e,#0369a1);border:1px solid transparent;border-radius:999px;padding:.85rem 1rem;font-weight:600;margin-top:auto;min-height:44px;box-sizing:border-box;font-size:1rem}
.dc-scope article.deal a.btn:active{transform:scale(.98)}
.dc-scope article.deal .body a:not(.btn){color:var(--dc-accent2)}
.dc-scope article.deal p,.dc-scope article.deal small{text-align:left}