.screenshots-section {
    margin: 60px auto;
    margin-top: 0px;
    max-width: 1200px;
    padding: 0 15px;
    overflow: visible;
}

.section-title {
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none;
}

h1 , h2, h3 ,h4 , h5{
    text-decoration: none;
}

/* 🔥 horizontal scroll slider */
.screenshots-slider {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;

    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.screenshots-slider {
    scroll-behavior: smooth;
}


/* cacher scrollbar (optionnel) */
.screenshots-slider::-webkit-scrollbar {
    display: none;
}


/* images */
.screenshots-slider img {
    flex: 0 0 auto;
    width: 260px;
    height: 420px;

    object-fit: contain; /* 🔥 IMPORTANT */
    background: #f8f9fb; /* fond propre si espace vide */

    border-radius: 10px;
    scroll-snap-align: center;
    transition: transform 0.3s ease;
}

.screenshots-slider img:hover {
    transform: scale(1.05);
}


@media (max-width: 768px) {
    .screenshots-slider img {
        width: 180px;
        height: 320px;
    }

    .screenshots-slider {
        padding-top: 10px;
    }
}