/* Grille */
.sm-cats{margin:2rem 0}
.sm-cats h2{margin:0 0 1rem}
.sm-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;margin:0}
.sm-grid__item{min-width:0}

/* Carte */
.sm-card{position:relative;display:grid;grid-template-rows:auto auto;gap:.6rem;background:#fff;border:1px solid #eee;border-radius:1rem;padding:.8rem;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.sm-card:hover{transform:translateY(-2px);border-color:#e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.sm-card__media{position:relative;width:100%;aspect-ratio:1/1;border-radius:.8rem;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sm-ico{font-size:2.4rem;line-height:1}
.sm-card__body h3{margin:.2rem 0 .15rem;font-size:1.05rem}
.sm-card__body p{margin:0;color:#666;font-size:.95rem}

/* Badge Destock */
.sm-card--badge .sm-badge{position:absolute;top:.8rem;left:.8rem;background:#111;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.4rem}

/* Dégradés par catégorie (personnalité visuelle, 0 image) */
.cat--accastillage .sm-card__media{background:linear-gradient(135deg,#e8f1ff,#f7fbff)}
.cat--confort .sm-card__media{background:linear-gradient(135deg,#fff4e6,#fffdf7)}
.cat--voile .sm-card__media{background:linear-gradient(135deg,#eaf9ff,#f5fcff)}
.cat--commandes .sm-card__media{background:linear-gradient(135deg,#f1f5ff,#fbfdff)}
.cat--navigation .sm-card__media{background:linear-gradient(135deg,#e7fff8,#f7fffd)}
.cat--mouillage .sm-card__media{background:linear-gradient(135deg,#eaf0ff,#f8fbff)}
.cat--electricite .sm-card__media{background:linear-gradient(135deg,#fff0f3,#fff9fb)}
.cat--moteurs .sm-card__media{background:linear-gradient(135deg,#eef7ff,#fbfeff)}
.cat--armement .sm-card__media{background:linear-gradient(135deg,#fff4f0,#fffaf7)}
.cat--eau .sm-card__media{background:linear-gradient(135deg,#eefcff,#f9feff)}
.cat--entretien .sm-card__media{background:linear-gradient(135deg,#f3fff0,#fbfff8)}
.cat--outillage .sm-card__media{background:linear-gradient(135deg,#f6f6ff,#fcfcff)}
.cat--destock .sm-card__media{background:linear-gradient(135deg,#fff2f2,#fff)}
/* Responsive */
@media (max-width:1024px){.sm-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.sm-grid{grid-template-columns:repeat(2,1fr)}}