.elementor-22726 .elementor-element.elementor-element-2c794c02:not(.elementor-motion-effects-element-type-background), .elementor-22726 .elementor-element.elementor-element-2c794c02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://longeurs.com/wp-content/uploads/2026/06/shooting-casquette-mellow-sea.jpg");background-position:0px -238px;background-repeat:no-repeat;background-size:100% auto;}.elementor-22726 .elementor-element.elementor-element-2c794c02 > .elementor-container{max-width:1361px;min-height:366px;}.elementor-22726 .elementor-element.elementor-element-2c794c02{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22726 .elementor-element.elementor-element-2c794c02 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22726 .elementor-element.elementor-element-524c7982{text-align:center;}.elementor-22726 .elementor-element.elementor-element-524c7982 .elementor-heading-title{font-size:75px;line-height:100px;letter-spacing:-3.3px;word-spacing:11px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 2px 33px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-22726 .elementor-element.elementor-element-55763697{text-align:center;}.elementor-22726 .elementor-element.elementor-element-55763697 .elementor-heading-title{font-size:35px;text-shadow:0px 0px 20px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-22726 .elementor-element.elementor-element-2565839e{--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;}.elementor-22726 .elementor-element.elementor-element-293639bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-22726 .elementor-element.elementor-element-293639bd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-22726 .elementor-element.elementor-element-380048ca > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-22726 .elementor-element.elementor-element-380048ca{font-family:"Archivo", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:20px;color:#FFFFFF;}@media(max-width:1024px){.elementor-22726 .elementor-element.elementor-element-2c794c02:not(.elementor-motion-effects-element-type-background), .elementor-22726 .elementor-element.elementor-element-2c794c02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-22726 .elementor-element.elementor-element-293639bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-22726 .elementor-element.elementor-element-380048ca > .elementor-widget-container{padding:0% 0% 4% 0%;}.elementor-22726 .elementor-element.elementor-element-380048ca{text-align:center;font-size:13px;line-height:19px;}}@media(max-width:767px){.elementor-22726 .elementor-element.elementor-element-2c794c02:not(.elementor-motion-effects-element-type-background), .elementor-22726 .elementor-element.elementor-element-2c794c02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-22726 .elementor-element.elementor-element-524c7982 .elementor-heading-title{font-size:38px;line-height:1.2em;letter-spacing:-3.2px;word-spacing:0.1em;}.elementor-22726 .elementor-element.elementor-element-55763697 .elementor-heading-title{font-size:18px;}.elementor-22726 .elementor-element.elementor-element-293639bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-22726 .elementor-element.elementor-element-380048ca > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-293639bd *//* ==========================================================================
   VERSION ORDINATEUR & TABLETTE (Par défaut)
   ========================================================================== */
.elementor-22726 .elementor-element.elementor-element-293639bd ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* Fixer la hauteur des images sur ordinateur */
.elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product .elementor-loop-container img,
.elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product .woocommerce-loop-product__link img,
.elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product img {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ==========================================================================
   VERSION MOBILE (Écrans de moins de 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* Passer la grille sur 1 seule colonne */
    .elementor-22726 .elementor-element.elementor-element-293639bd ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 15px !important; /* Espace légèrement réduit entre les produits */
    }

    /* Réduire un peu la hauteur des photos sur mobile pour éviter qu'elles prennent tout l'écran */
    .elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product .elementor-loop-container img,
    .elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product .woocommerce-loop-product__link img,
    .elementor-22726 .elementor-element.elementor-element-293639bd ul.products li.product img {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
    }
}/* End custom CSS */