.elementor-7758 .elementor-element.elementor-element-f96344f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-856c665 *//* =========================================
   DIGITAL SOFT PRO — WINDOWS PRODUCTS
   ========================================= */

.dsp-carousel{
    width:100%;
    overflow:hidden;
    padding:10px 0 15px;
}

.dsp-carousel .woocommerce{
    width:100%;
    overflow:hidden;
}

.dsp-carousel ul.products{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    width:max-content !important;
    margin:0 !important;
    padding:8px 0 15px !important;
}

/* ===============================
   CARTE PRODUIT
   =============================== */

.dsp-carousel ul.products li.product{
    position:relative;
    flex:0 0 calc((min(1250px,100vw) - 36px) / 3);
    width:calc((min(1250px,100vw) - 36px) / 3) !important;
    max-width:calc((min(1250px,100vw) - 36px) / 3);

    margin:0 !important;
    padding:15px !important;

    background:linear-gradient(
        145deg,
        #ffffff 0%,
        #f8faff 100%
    );

    border:1px solid rgba(148,163,184,.18);
    border-radius:20px;

    box-shadow:
        0 12px 35px rgba(15,23,42,.08);

    overflow:hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

/* LIGNE RGB */

.dsp-carousel ul.products li.product::before{
    content:"";
    position:absolute;
    inset:-2px;

    border-radius:22px;

    background:
        conic-gradient(
            from 0deg,
            #2563eb,
            #06b6d4,
            #7c3aed,
            #ec4899,
            #f97316,
            #2563eb
        );

    animation:dspCardRGB 4s linear infinite;

    z-index:-2;
}

.dsp-carousel ul.products li.product::after{
    content:"";
    position:absolute;
    inset:2px;

    border-radius:18px;

    background:#fff;

    z-index:-1;
}

/* ===============================
   IMAGE
   =============================== */

.dsp-carousel ul.products li.product img{
    width:100% !important;
    max-width:100% !important;

    aspect-ratio:1 / .70;

    object-fit:contain;

    margin:0 0 10px !important;

    border-radius:14px;

    transition:
        transform .5s ease,
        filter .5s ease;
}

.dsp-carousel ul.products li.product:hover img{
    transform:scale(1.04);
    filter:drop-shadow(
        0 12px 20px rgba(37,99,235,.18)
    );
}

/* ===============================
   TITRE
   =============================== */

.dsp-carousel
.woocommerce-loop-product__title{

    margin:0 0 6px !important;

    color:#111827 !important;

    font-family:Poppins,sans-serif !important;

    font-size:15px !important;

    line-height:1.3 !important;

    font-weight:800 !important;
}

/* ===============================
   DESCRIPTION
   =============================== */

.dsp-carousel
.dsp-product-description{

    color:#64748b;

    font-family:Poppins,sans-serif;

    font-size:10px;

    line-height:1.45;

    margin:4px 0 8px !important;
}

/* ===============================
   PRIX
   =============================== */

.dsp-carousel
ul.products li.product .price{

    display:block;

    margin:0 0 9px !important;

    color:#111827 !important;

    font-family:Poppins,sans-serif !important;

    font-size:18px !important;

    font-weight:900 !important;
}

/* ===============================
   ANCIEN PRIX
   =============================== */

.dsp-carousel
ul.products li.product .price del{

    color:#94a3b8 !important;

    font-size:13px !important;

    margin-right:5px;
}

/* NOUVEAU PRIX */

.dsp-carousel
ul.products li.product .price ins{

    color:#2563eb !important;

    text-decoration:none !important;
}

/* ===============================
   BOUTON
   =============================== */

.dsp-carousel
ul.products li.product .button{

    display:block;

    width:100%;

    box-sizing:border-box;

    padding:11px 8px !important;

    margin:0 !important;

    border:0 !important;

    border-radius:11px !important;

    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #7c3aed,
            #ec4899
        ) !important;

    background-size:200% auto;

    font-family:Poppins,sans-serif !important;

    font-size:10px !important;

    font-weight:800 !important;

    text-align:center;

    animation:dspButton 4s linear infinite;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.dsp-carousel
ul.products li.product .button:hover{

    transform:translateY(-2px);

    box-shadow:
        0 10px 25px rgba(37,99,235,.25);
}

/* ===============================
   ANIMATION
   =============================== */

@keyframes dspCardRGB{

    to{
        transform:rotate(360deg);
    }

}

@keyframes dspButton{

    0%{
        background-position:0% center;
    }

    100%{
        background-position:200% center;
    }

}

/* ===============================
   TABLET
   =============================== */

@media (min-width:768px) and (max-width:1024px){

    .dsp-carousel ul.products{

        gap:14px !important;

    }

    .dsp-carousel ul.products li.product{

        flex:0 0 calc((100vw - 55px) / 2);

        width:calc((100vw - 55px) / 2) !important;

        max-width:calc((100vw - 55px) / 2);

        padding:13px !important;

    }

}

/* ===============================
   MOBILE
   =============================== */

@media (max-width:767px){

    .dsp-carousel{

        padding:5px 0 10px;

    }

    .dsp-carousel ul.products{

        gap:10px !important;

        padding:5px 0 10px !important;

    }

    .dsp-carousel ul.products li.product{

        flex:0 0 82vw;

        width:82vw !important;

        max-width:82vw;

        padding:10px !important;

        border-radius:16px;

    }

    .dsp-carousel ul.products li.product img{

        aspect-ratio:1 / .68;

        margin-bottom:6px !important;

    }

    .dsp-carousel
    .woocommerce-loop-product__title{

        font-size:12px !important;

    }

    .dsp-carousel
    .dsp-product-description{

        font-size:8px;

        margin:3px 0 6px !important;

    }

    .dsp-carousel
    ul.products li.product .price{

        font-size:14px !important;

        margin-bottom:6px !important;

    }

    .dsp-carousel
    ul.products li.product .button{

        padding:9px 6px !important;

        font-size:8px !important;

    }

}/* End custom CSS */