/* ==========================================================
   MPS - GALERIE EQUIPEMENTS ALARME
   ========================================================== */

.mps-alarm-products{
    position:relative;
    padding:72px 0;
    overflow:hidden;
}

.mps-alarm-products::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 80% 20%,
        rgba(37,99,235,.10),
        transparent 35%);
}

.mps-alarm-products .container{
    position:relative;
    z-index:2;
}

.mps-alarm-products-head{
    max-width:820px;
    margin-bottom:34px;
}

.mps-alarm-products-head .eyebrow{
    margin-bottom:10px;
}

.mps-alarm-products-head h2{
    margin:0 0 14px;
}

.mps-alarm-products-head p{
    margin:0;
    max-width:760px;
    color:#aeb8c4;
    line-height:1.7;
}


/* GALERIE */

.mps-alarm-products-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
}


/* CARTE */

.mps-alarm-product{
    position:relative;
    overflow:hidden;

    min-width:0;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            #121820,
            #090c10
        );

    box-shadow:
        0 18px 45px rgba(0,0,0,.25);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .35s ease;
}

.mps-alarm-product:hover{
    transform:translateY(-7px);

    border-color:
        rgba(96,165,250,.38);

    box-shadow:
        0 25px 55px rgba(0,0,0,.38),
        0 0 30px rgba(37,99,235,.08);
}


/* IMAGE */

.mps-alarm-product-image{
    position:relative;

    aspect-ratio:1 / 1;

    overflow:hidden;

    background:#f4f5f7;
}

.mps-alarm-product img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .55s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;
}

.mps-alarm-product:hover img{
    transform:scale(1.035);
    filter:contrast(1.02) saturate(1.03);
}


/* petit halo en bas */

.mps-alarm-product-image::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 68%,
            rgba(0,0,0,.10)
        );
}


/* MOBILE */

@media(max-width:900px){

    .mps-alarm-products{
        padding:56px 0;
    }

    .mps-alarm-products-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:14px;
    }

}


@media(max-width:560px){

    .mps-alarm-products{
        padding:45px 0;
    }

    .mps-alarm-products-grid{
        grid-template-columns:1fr;
    }

    .mps-alarm-product{
        max-width:420px;
        width:100%;
        margin-inline:auto;
    }

}