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

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

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

.ssce-card{background:#fff;border:2px solid #0E4D6E;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.ssce-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(35,32,28,.14)}
.ssce-visual{height:150px;position:relative;background:linear-gradient(135deg,#0E4D6E,#0a3550);display:flex;align-items:center;justify-content:center;font-size:3rem}
.ssce-visual img{width:100%;height:100%;object-fit:cover}
.ssce-cat-badge{position:absolute;top:.6rem;left:.6rem;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:1rem;color:#fff;background:var(--badge-color,#C1592D)}
.ssce-dur-badge{position:absolute;top:.6rem;right:.6rem;font-size:.66rem;font-weight:600;background:rgba(0,0,0,.42);color:#fff;padding:.16rem .55rem;border-radius:1rem}
.ssce-body{padding:1rem 1.1rem;display:flex;flex-direction:column;flex:1}
.ssce-name{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.02rem;margin-bottom:.35rem}
.ssce-desc{font-size:.82rem;color:#5A5347;line-height:1.6;flex:1;margin-bottom:.8rem;text-align:justify}
.ssce-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.7rem;border-top:1px solid #F3ECE1}
.ssce-price{font-family:'Fraunces',Georgia,serif;font-weight:700;color:#C1592D}
.ssce-add{background:#C1592D;color:#fff;border:none;padding:.42rem .85rem;border-radius:.5rem;font-size:.76rem;cursor:pointer}
.ssce-add.added{background:#0F6E56}

/* Modal */
.ssce-modal-overlay{display:none;position:fixed;inset:0;background:rgba(10,30,50,.6);z-index:9500;align-items:center;justify-content:center;padding:1.5rem}
.ssce-modal-overlay.open{display:flex}
.ssce-modal-box{background:#fff;border-radius:20px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}
.ssce-modal-vis{height:180px;position:relative;background:linear-gradient(135deg,#0E4D6E,#0a3550);display:flex;align-items:center;justify-content:center}
.ssce-modal-vis img{width:100%;height:100%;object-fit:cover}
.ssce-modal-close{position:absolute;top:.8rem;right:.8rem;background:rgba(0,0,0,.4);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer}
.ssce-modal-content{padding:1.4rem}
.ssce-m-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#C1592D;margin-bottom:.4rem}
.ssce-m-title{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.3rem;margin-bottom:.6rem}
.ssce-m-desc{font-size:.87rem;color:#5A5347;line-height:1.7;margin-bottom:1rem;text-align:justify}
.ssce-m-row{display:flex;gap:.6rem;margin-bottom:1rem}
.ssce-m-info{flex:1;background:#FAF7F2;border-radius:8px;padding:.7rem;text-align:center}
.ssce-m-info .v{font-weight:700;color:#0E4D6E;font-family:'Fraunces',Georgia,serif}
.ssce-m-info .l{font-size:.63rem;color:#5A5347}
.ssce-m-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.1rem}
.ssce-m-tags span{background:#F3ECE1;color:#0E4D6E;font-size:.72rem;padding:.2rem .55rem;border-radius:1rem;border:1px solid #E3D9CB}
.ssce-m-btn{width:100%;background:#C1592D;color:#fff;border:none;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer}

/* Panier */