:root{
	--bleu-clair:#0e6ace;
	--bleu-fonce:#004188;
	--vert:#00ca72;
	--gris:#6a7684;
    --bleu-blc:#EDF2F7;
    --blc-trans:rgba(14,106,205,0.03);
    --gris-casse:#D1D5DB;
}
.ss-catalog-wrap{padding:30px 0;font-family:system-ui,Arial,Helvetica,sans-serif}
.ss-tabs{display:flex;gap:18px;justify-content:center;padding:16px;background:white;border-radius:10px;box-shadow:0 6px 20px rgba(19,42,72,0.03)}
.ss-tab{border:0;background:transparent;padding:10px 22px;border-radius:8px;color:var(--gris);cursor:pointer;font-weight:600}
.ss-tab.active{background:var(--bleu-clair);color:#fff;box-shadow:0 4px 12px rgba(20,115,230,0.12)}

.ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:28px 0}
.ss-loader{grid-column:1/-1;text-align:center;color:#8b9aa6}

.ss-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(19,42,72,0.04);overflow:hidden;border:1px solid rgba(16,24,40,0.04);display:flex;flex-direction:column;transition: all 0.4s ease;}
.ss-card a.ss-card-link{color:inherit;text-decoration:none;display:block;height:100%}
.ss-card-media img{width:100%;height:180px;object-fit:cover;display:block;transition: all 0.4s ease;}
.ss-card-body{padding:18px}
.ss-card-badges{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.ss-badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:12px;}
.ss-badge-type{background:var(--bleu-clair);color:white;}
.ss-badge-level{background:white;color:var(--bleu-clair);border:1px solid var(--bleu-clair);}
.ss-card-title{font-size:20px;margin: 15px 0 10px 0;}
.ss-card-excerpt{color:var(--gris);font-size:14px;line-height:1.45;margin-bottom:14px}

.ss-card-meta{display: flex;flex-direction: column;gap: 8px;margin-block: 20px;}
.ss-meta-info{display: flex;align-items: center;color:var(--gris);font-size:15px}
.ss-meta-clock{margin-right: 6px;}
.ss-meta-sep{margin-inline: 14px;}
.ss-price{display: flex;justify-content: space-between;align-items: center;font-weight:800;font-size:24px;color:var(--bleu-clair);}
.ss-price-unit{font-weight:600;font-size:15px;color:var(--gris);margin-left:6px}
.ss-cta-btn{display:block;background:var(--bleu-blc);text-align:center;color:var(--bleu-clair);border-radius:12px;font-weight:700;padding: 12px 0;transition: all 0.4s ease;}

.ss-card:hover {
  background:var(--bleu-blc);
  transform: scale(1.02) translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.ss-card:hover .ss-card-media img {
  filter: brightness(0.9);
  transform: scale(1.08);
}
.ss-card:hover .ss-cta-btn {
  background: var(--bleu-clair);
  color: #fff;
}

@media (max-width: 1000px){ .ss-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .ss-grid{grid-template-columns:1fr} .ss-card-media img{height:160px} .ss-tabs{overflow:auto} }