.elementor-1170101 .elementor-element.elementor-element-22b47ff6{margin-top:0px;margin-bottom:0px;}.elementor-1170101 .elementor-element.elementor-element-2c142d14{margin-top:4px;margin-bottom:0px;}.elementor-1170101 .elementor-element.elementor-element-6289a907 .elementor-product-box > *{padding:0px 0px 0px 0px !important;border-width:0px 0px 0px 0px;border-style:solid;border-radius:0px 0px 0px 0px;}.elementor-1170101 .elementor-element.elementor-element-3f9a47dd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1170101 .elementor-element.elementor-element-3f9a47dd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1170101 .elementor-element.elementor-element-59cf957a .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(3, 1fr);}@media(max-width:1024px){.elementor-1170101 .elementor-element.elementor-element-22b47ff6{margin-top:-17px;margin-bottom:-17px;}.elementor-1170101 .elementor-element.elementor-element-49685a21 .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-1170101 .elementor-element.elementor-element-22b47ff6{margin-top:-17px;margin-bottom:0px;}.elementor-1170101 .elementor-element.elementor-element-49685a21 .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for section, class: .elementor-element-28fe0509 */#modal-product-pull,
#modal-product-cargo {
    position: fixed;
    padding: 0;
    width: 20rem;
    background: white;
    border-radius: .5rem;
    z-index: 1120;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;  /* ✅ Ajouté : empêche les clics quand caché */
    transition: opacity .3s, visibility .3s;  /* ✅ Déplacé ici : transition dans les deux sens */
}

    @media (max-width: 768px) {
        #modal-product-pull,
#modal-product-cargo {
        width: 15rem;

    
}
        
}
#modal-product-pull.active,
#modal-product-cargo.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;  /* ✅ Ajouté : permet les clics quand visible */
    /* transition déjà définie au-dessus */
}

.btn-button-close-product-a,
.btn-button-close-product-b {
    padding: .5rem;
    border-radius: 0;  /* ✅ Simplifié : 0rem = 0 */
    border: none;
    color: white;
    background: black;
    cursor: pointer;  /* ✅ Ajouté : meilleure UX */
    transition: background-color .2s;  /* ✅ Optionnel : hover smooth */
}

.btn-button-close-product-a:hover,
.btn-button-close-product-b:hover {
    background-color: #333;  /* ✅ Optionnel : effet hover */
}/* End custom CSS */
/* Start custom CSS for page-settings */.header-dev-2025 {
        background: transparent !important
}/* End custom CSS */