/* Feuille de widget « gabarit-store » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-sd{max-width:1180px;margin:2rem auto;padding:0 1.5rem}
.sk-sd-cover{aspect-ratio:3/1;border-radius:var(--sk-radius-lg);background:var(--sk-bg) center/cover no-repeat;margin-bottom:2rem;position:relative;overflow:hidden}
.sk-sd-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,14,40,.7))}
.sk-sd-cover-info{position:absolute;left:2rem;bottom:1.5rem;color:var(--sk-on-primary);z-index:1}
.sk-sd-cover-info h1{color:var(--sk-on-primary);font-size:2.2rem;margin-bottom:.35rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.sk-sd-stars{color:var(--sk-accent);letter-spacing:-1px}
.sk-sd-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}
@media(max-width:900px){.sk-sd-grid{grid-template-columns:1fr}}
.sk-sd-card{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:1.5rem;margin-bottom:1rem}
.sk-sd-card h2{font-size:1.2rem;margin-bottom:1rem;color:var(--sk-fg)}
.sk-sd-map{aspect-ratio:16/9;border-radius:var(--sk-radius);overflow:hidden;background:var(--sk-bg);border:1px solid var(--sk-border)}
.sk-sd-info{display:grid;gap:.8rem;font-size:.92rem;color:var(--sk-fg-soft)}
.sk-sd-info-row{display:flex;align-items:flex-start;gap:.8rem}
.sk-sd-info-row i{color:var(--sk-primary);width:18px;margin-top:.2rem}
.sk-sd-actions{display:flex;gap:.5rem;margin-top:1rem}
.sk-sd-actions a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:var(--sk-radius-sm);font-weight:600;text-decoration:none;font-size:.88rem}
.sk-sd-actions .sk-primary{background:var(--sk-primary);color:var(--sk-on-primary)}
.sk-sd-actions .sk-outline{background:var(--sk-surface);color:var(--sk-primary);border:1px solid var(--sk-primary)}

/* SK_STORE_DETAIL_OFFER_CARD_CSS_START */
#sk-sd-offers-grid .sk-card{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
#sk-sd-offers-grid .sk-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(9,78,215,.1);border-color:var(--sk-primary)}
#sk-sd-offers-grid .sk-card-media{aspect-ratio:4/3;background:var(--sk-bg) center/cover no-repeat;position:relative}
#sk-sd-offers-grid .sk-card-sub{position:absolute;top:.7rem;right:.7rem;color:var(--sk-on-primary);padding:.25rem .65rem;font-size:.7rem;border-radius:var(--sk-radius-xs);font-weight:600}
#sk-sd-offers-grid .sk-card-actions{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.25rem}
#sk-sd-offers-grid .sk-card-actions button{width:30px;height:30px;border-radius:var(--sk-radius-round);background:rgba(255,255,255,.95);border:0;color:var(--sk-primary);cursor:pointer;font-size:.78rem;display:flex;align-items:center;justify-content:center}
#sk-sd-offers-grid .sk-card-body{padding:.8rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
#sk-sd-offers-grid .sk-card h3{font-size:.92rem;margin:0;font-weight:600;line-height:1.3}
#sk-sd-offers-grid .sk-card h3 a{color:var(--sk-fg);text-decoration:none}
#sk-sd-offers-grid .sk-card h3 a:hover{color:var(--sk-primary)}
#sk-sd-offers-grid .sk-card-rating{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--sk-muted)}
#sk-sd-offers-grid .sk-stars{color:var(--sk-accent);letter-spacing:-1px}
#sk-sd-offers-grid .sk-card-price{color:var(--sk-primary);font-weight:700;font-size:1.05rem}
#sk-sd-offers-grid .sk-card-price s{color:var(--sk-subtle);font-weight:500;font-size:.82rem;text-decoration:line-through;margin-right:.35rem}
#sk-sd-offers-grid .sk-card-price small{color:var(--sk-muted);font-weight:500;font-size:.72rem}
#sk-sd-offers-grid .sk-card-seller{font-size:.8rem;color:var(--sk-muted);display:flex;align-items:center;gap:.3rem;margin-top:auto}
#sk-sd-offers-grid .sk-card-seller i{color:var(--sk-primary)}
#sk-sd-offers-grid .sk-card-seller a{color:var(--sk-fg-soft);text-decoration:none}
#sk-sd-offers-grid .sk-card-seller a:hover{color:var(--sk-primary)}
/* SK_STORE_DETAIL_OFFER_CARD_CSS_END */