.elementor-580 .elementor-element.elementor-element-150b053{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-580 .elementor-element.elementor-element-150b053:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-150b053 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;background-image:url("https://www.lya-extension.com/wp-content/uploads/2025/10/photocouverture1.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-580 .elementor-element.elementor-element-6df2d0d{--display:flex;}.elementor-580 .elementor-element.elementor-element-6ee65f7{--display:flex;}.elementor-580 .elementor-element.elementor-element-6ee65f7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-580 .elementor-element.elementor-element-f503c82{margin:-10px -10px calc(var(--kit-widget-spacing, 0px) + -10px) -10px;}.elementor-580 .elementor-element.elementor-element-e333cf1{--display:flex;}.elementor-580 .elementor-element.elementor-element-e333cf1:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-e333cf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDC3A8;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-580 .elementor-element.elementor-element-85d4dd2{text-align:center;}.elementor-580 .elementor-element.elementor-element-85d4dd2 .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-weight:400;font-style:normal;text-decoration:none;color:#000000;}.elementor-580 .elementor-element.elementor-element-eac40db{--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;}@media(max-width:1024px){.elementor-580 .elementor-element.elementor-element-150b053{--min-height:80vh;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-580 .elementor-element.elementor-element-150b053:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-150b053 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}}@media(max-width:767px){.elementor-580 .elementor-element.elementor-element-150b053{--min-height:248px;--justify-content:center;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-580 .elementor-element.elementor-element-150b053:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-150b053 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.lya-extension.com/wp-content/uploads/2025/11/IMG_1210.png");}.elementor-580 .elementor-element.elementor-element-6ee65f7{--width:355.5px;}.elementor-580 .elementor-element.elementor-element-f503c82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;width:100%;max-width:100%;}.elementor-580 .elementor-element.elementor-element-f503c82.elementor-element{--align-self:stretch;}}/* Start custom CSS *//* Nuancier plus large et fluide */

/* Grille principale */
.teintes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 18px;
  width: 100%;
  max-width: 1200px; /* tu peux mettre 100% si tu veux vraiment toute la largeur */
  margin: 0 auto;
}

/* Chaque tuile */
.teinte-item img {
  width: 100%;
  aspect-ratio: 1 / 1;  /* garde les cases carrées */
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.teinte-item:hover img {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

/* Label */
.teinte-label {
  margin-top: 6px;
  display: block;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #111111;
}

/* Optionnel : ajuste un peu sur mobile pour éviter que ce soit trop serré */
@media (max-width: 480px) {
  .teintes-grid {
    gap: 12px;
  }
}
/* FORCER le nuancier à prendre toute la largeur dispo */

.elementor-widget-html .teintes-grid,
.teintes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 18px;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
}

/* chaque case remplit sa colonne */
.teinte-item img {
  width: 100% !important;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* sur très petits écrans : un peu moins large pour respirer */
@media (max-width: 480px) {
  .teintes-grid {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 12px;
  }
}
.elementor-sticky--active {
    display: none !important;
}

.elementor-element-334218de {
    display: flex !important;
}

.elementor-element-62966e8b {
    display: flex !important;
}/* End custom CSS */