/* Défilement horizontal utilisable même avant le chargement de Slick ou sans JS. */
.develop-slider:not(.slick-initialized) {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.develop-slider:not(.slick-initialized) > .develop-box {
  flex: 0 0 calc((100% - 90px) / 4);
  min-width: 0;
  scroll-snap-align: start;
}
@media (max-width: 1450px) {
  .develop-slider:not(.slick-initialized) > .develop-box { flex-basis: calc((100% - 60px) / 3); }
}
@media (max-width: 1200px) {
  .develop-slider:not(.slick-initialized) > .develop-box { flex-basis: calc((100% - 30px) / 2); }
}
@media (max-width: 767px) {
  .develop-slider:not(.slick-initialized) > .develop-box { flex-basis: 100%; }
}

/* Commandes dans le conteneur existant, sous les points de pagination. */
.develop-row .hero__arrows {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 20px auto 0;
}
.develop-row .hero__arrows:empty { display: none; }
.develop-row .hero__arrows .hero__arrow {
  position: static;
  transform: none;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 0;
  width: 44px;
  height: 44px;
  line-height: 42px;
}
.develop-row .hero__arrow:focus-visible,
.develop-row .slick-dots button:focus-visible {
  outline: 3px solid #3b38b2;
  outline-offset: 4px;
}