.s15-wrapper {
    background: #0d0d0d;
    padding: 60px 5%;
    text-align: center;
}

.s15-main-title { color: #FFD700; margin-bottom: 40px; font-size: 2rem; text-transform: uppercase; }

.s15-news-container {
    position: relative;
    max-width: 900px;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
}

.s15-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease;
    transform: translateX(100%);
}

.s15-slide.active { opacity: 1; transform: translateX(0); }

.s15-bg-img { width: 100%; height: 100%; object-fit: cover; }

.s15-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 215, 0, 0.9);
    width: 80px; height: 80px;
    border-radius: 50%;
    display: flex; justify-content: center; align-items: center;
    color: black;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.4);
    pointer-events: none;
}

.s15-overlay {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 40px;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    text-align: left; color: white;
}

.s15-read-more { color: #FFD700; text-decoration: none; font-weight: bold; }

/* MODAL / TIROIR */
.s15-modal {
    display: none; position: fixed; z-index: 10000; inset: 0;
    background: rgba(0,0,0,0.9); backdrop-filter: blur(10px);
}

.s15-modal-content {
    background: #111; margin: 5% auto; padding: 30px;
    width: 90%; max-width: 800px; border-radius: 15px;
    border: 1px solid #333; position: relative;
}

.s15-close { position: absolute; top: 10px; right: 20px; color: white; font-size: 30px; cursor: pointer; }

/* RATIO 16:9 POUR VIDÉO */
.video-responsive {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
    border-radius: 10px; background: #000;
}
.video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.s15-controls button {
    background: #222; color: white; border: none; padding: 15px 20px;
    margin: 10px; cursor: pointer; border-radius: 50%;
}