/* Feuille de widget « sk-deal » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-deals{padding:4rem 1.5rem;background:linear-gradient(135deg,var(--sk-fg) 0%,var(--sk-fg) 100%);color:var(--sk-on-primary)}
.sk-deals-wrap{max-width:1280px;margin:0 auto}
.sk-deals-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.sk-deals-head .sk-deals-title .sk-d-badge{display:inline-flex;gap:.4rem;align-items:center;background:var(--sk-danger);color:var(--sk-on-primary);padding:.4rem .9rem;border-radius:var(--sk-radius-pill);font-size:.78rem;font-weight:700;margin-bottom:.7rem}
.sk-deals-head h2{color:var(--sk-on-primary);font-size:2rem;font-weight:800;margin-bottom:.3rem}
.sk-deals-head p{color:rgba(255,255,255,.7);margin:0}
.sk-countdown{display:flex;align-items:center;gap:.4rem;color:var(--sk-on-primary)}
.sk-countdown span{font-size:.85rem;color:rgba(255,255,255,.7);margin-right:.4rem}
.sk-countdown .unit{text-align:center}
.sk-countdown .val{display:block;width:56px;height:56px;background:rgba(255,255,255,.1);border-radius:var(--sk-radius-sm);font-size:1.4rem;font-weight:800;line-height:56px}
.sk-countdown .lbl{font-size:.66rem;color:rgba(255,255,255,.7);margin-top:.2rem;display:block}
.sk-countdown .sep{font-size:1.4rem;font-weight:800}
.sk-deals-grid{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:1.2rem;min-height:120px}
@media(max-width:1180px){.sk-deals-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
.sk-deal{background:var(--sk-surface);color:var(--sk-fg);border-radius:var(--sk-radius);overflow:hidden;position:relative;transition:transform .2s}
.sk-deal:hover{transform:translateY(-4px)}
.sk-deal-wish{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:var(--sk-radius-round);background:rgba(255,255,255,.95);border:0;color:var(--sk-fg);cursor:pointer;font-size:.9rem;z-index:2;display:flex;align-items:center;justify-content:center}
.sk-deal-wish:hover{background:var(--sk-surface);color:var(--sk-danger)}
.sk-deal-wish.is-wished{background:var(--sk-danger);color:var(--sk-on-primary)}
.sk-deal-badge{position:absolute;top:1rem;left:1rem;background:var(--sk-danger);color:var(--sk-on-primary);padding:.3rem .7rem;border-radius:var(--sk-radius-sm);font-weight:700;font-size:.85rem;z-index:1}
.sk-deal-img{height:200px;background:var(--sk-bg) center/cover no-repeat;position:relative}
.sk-deal-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.18));pointer-events:none}
.sk-deal-body{padding:1.2rem}
.sk-deal-body h4{font-size:.95rem;margin-bottom:.6rem;color:var(--sk-fg);line-height:1.3}
.sk-deal-body h4 a{color:var(--sk-fg);text-decoration:none}
.sk-deal-body h4 a:hover{color:var(--sk-primary)}
.sk-deal-price{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.8rem}
.sk-deal-price .now{font-size:1.25rem;font-weight:800;color:var(--sk-primary)}
.sk-deal-price .old{font-size:.85rem;color:var(--sk-subtle);text-decoration:line-through}
.sk-deal-prog{background:var(--sk-border);height:6px;border-radius:var(--sk-radius-pill);overflow:hidden;margin-bottom:.3rem}
.sk-deal-prog div{height:100%;background:linear-gradient(135deg,var(--sk-primary),var(--sk-c-cyan-1))}
.sk-deal-progtxt{font-size:.7rem;color:var(--sk-muted);margin-bottom:.9rem}
.sk-deal-btn{width:100%;background:var(--sk-primary);color:var(--sk-on-primary);border:0;padding:.65rem;border-radius:var(--sk-radius-sm);font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.4rem}
.sk-deal-btn:hover{background:var(--sk-primary-hover)}
.sk-deal-btn:disabled{background:var(--sk-c-sarcelle-2);cursor:default}
.sk-deal-empty{grid-column:1/-1;text-align:center;color:rgba(255,255,255,.7);padding:2rem}
.sk-deal-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--sk-c-sarcelle-2);color:var(--sk-on-primary);padding:.8rem 1.3rem;border-radius:var(--sk-radius-sm);box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:2000;font-weight:600;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .3s}
.sk-deal-toast.show{opacity:1}