/* Packs attractifs + filtre par domaine (s'ajoute à style.css) */
.domains{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.domains button{padding:8px 14px;border:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:transparent;transition:background .15s,color .15s}
.domains button:hover{border-color:#8fa79e;color:var(--ink)}
.domains button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.card.hide-dom{display:none}

.badge{position:absolute;right:14px;top:14px;z-index:2;background:var(--orange);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;box-shadow:0 2px 0 rgba(36,54,58,.18)}
.card.has-badge{border-color:#cfd3c2}

.deal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;font-family:var(--mono);font-size:11px}
.deal .pct,.dealbox .pct{background:var(--lime);color:var(--ink);padding:3px 7px;font-weight:500;letter-spacing:.02em}
.deal s,.dealbox s{color:#8a9892}
.deal em,.dealbox em{font-style:normal;color:var(--green);font-weight:500}

.dealbox{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 4px;font-family:var(--mono);font-size:12px}
.dealbox p{flex-basis:100%;margin-top:4px;font-size:11px;color:#6a7a74;letter-spacing:.02em}

.upsell{border-top:1px solid var(--line);padding:20px 24px 24px;background:#f4f1e6}
.upsell h3{font-family:var(--head);font-weight:600;font-size:15px;letter-spacing:-.02em;margin-bottom:12px}
.upsell a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;margin-top:8px;background:var(--paper);border:1px solid var(--line);transition:border-color .15s,transform .15s}
.upsell a:hover{border-color:var(--green);transform:translateY(-1px)}
.upsell b{display:block;font-family:var(--head);font-weight:600;font-size:14px}
.upsell small{display:block;font-family:var(--mono);font-size:10.5px;color:#6a7a74;margin-top:2px}
.upsell .r{text-align:right;flex:none}
.upsell strong{display:block;font-family:var(--head);font-weight:700;font-size:16px}
.upsell em{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--green)}