/* Safi Surf Camp – Offres | assets/css/offres.css */
.sso-block{font-family:'Work Sans',-apple-system,sans-serif;color:#23201C;max-width:1100px;margin:0 auto}
.sso-block *{box-sizing:border-box}

.sso-title{
  font-family:'Fraunces',Georgia,serif; font-size:1.7rem; font-weight:700;
  color:#23201C; margin:0 0 1.4rem; text-align:center;
}

.sso-filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.8rem;justify-content:center}
.sso-ftab{padding:.42rem 1.1rem;border-radius:2rem;border:1.5px solid #E3D9CB;font-size:.8rem;font-weight:500;cursor:pointer;background:#fff;color:#5A5347;transition:all .2s}
.sso-ftab.active{background:var(--sso-cat-color,#C1592D);color:#fff;border-color:var(--sso-cat-color,#C1592D)}
.sso-ftab:hover:not(.active){border-color:var(--sso-cat-color,#E08A5B);color:var(--sso-cat-color,#C1592D)}

.sso-grid{display:grid;grid-template-columns:repeat(var(--sso-cols,3),1fr);gap:1.2rem}
@media(max-width:900px){.sso-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sso-grid{grid-template-columns:1fr}}

.sso-card{background:#fff;border:2px solid #0E4D6E;border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.sso-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(35,32,28,.14)}
.sso-card.sso-hidden{display:none}
.sso-card.featured{border:2px solid #C1592D}
.sso-featured-badge{position:absolute;top:1rem;right:1rem;background:#C1592D;color:#fff;font-size:.66rem;font-weight:700;padding:.2rem .6rem;border-radius:1rem;z-index:2}

.sso-header{padding:1.3rem;background:linear-gradient(135deg,#0E4D6E,#0a3550);color:#fff}
.sso-badge{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:.66rem;font-weight:700;padding:.2rem .6rem;border-radius:1rem;margin-bottom:.5rem}
.sso-name{font-family:'Fraunces',Georgia,serif;font-size:1.1rem;font-weight:700}
.sso-duree{font-size:.78rem;opacity:.85;margin-top:.25rem}

.sso-body{padding:1.2rem 1.3rem;flex:1;display:flex;flex-direction:column}
.sso-includes{margin:0 0 1rem;padding:0;list-style:none;flex:1}
.sso-includes li{font-size:.82rem;color:#5A5347;padding:.22rem 0}
.sso-includes li::before{content:'✓ ';color:#0F6E56;font-weight:700}
.sso-price{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.4rem;color:#C1592D;margin-bottom:1rem}
.sso-price small{font-size:.74rem;color:#5A5347;font-family:'Work Sans',sans-serif;font-weight:400}
.sso-btn{display:block;width:100%;text-align:center;background:#C1592D;color:#fff;border:none;text-decoration:none;padding:.7rem;border-radius:.7rem;font-size:.86rem;font-weight:600;transition:background .2s;cursor:pointer;font-family:inherit}
.sso-add.added{background:#0F6E56}
.sso-btn:hover{background:#9C441F}