body.elementor-page-1787:not(.elementor-motion-effects-element-type-background), body.elementor-page-1787 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-886e177 *//* RESPONSIVE MOBILE */
@media (max-width: 768px) {

  .of-category-grid {
    grid-template-columns: 1fr; /* 1 carte par ligne */
    gap: 20px;
  }

  .of-category {
    height: auto !important;        /* SUPPRIME la hauteur fixe */
    aspect-ratio: 4 / 3;            /* ratio propre mobile */
    filter: grayscale(100%);
    transform: none !important;
  }

  .of-category img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .of-category-overlay {
    padding: 20px;
  }

  .of-category-overlay h2 {
    font-size: 22px;
  }

}/* End custom CSS */
/* Start custom CSS */@media (max-width: 768px) {
  img.image-smartphone {
    width: 70% !important;   /* ajuste la largeur ici */
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}/* End custom CSS */