.itemPicture {

  height: 350px;

  display: flex;
  align-items: center;

  border:  3px solid transparent;

}

.box_product {

  display: flex;
  flex-direction: column;
  border: var(--text-secondary-color) solid 2px;
  border-radius: 0px;
  margin: 0.5em;
  /* padding: clamp(2rem, 1vw, 4rem); */

  flex: 1;

  li {
    translate: -16px 0px;
    text-align: center;
    border-bottom: var(--text-secondary-color) solid 1px;
  }

  li::marker {
    color: transparent;
  }

}

.box_product_text {
  display: flex;
  flex-direction: column;

}

.container_products {
  display: flex;
  flex-direction: row;

}

.wrapper {
    width: 90%;
    max-width: 1536px;
    margin-inline: auto;
    position: relative;
    height: 400px;
    margin-top: 2.5em;
    overflow: hidden;
    mask-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 1) 10%,
      rgba(0, 0, 0, 1) 90%,
      rgba(0, 0, 0, 0)
    );
}

  @keyframes scrollLeft {

    to {
      left: -350px;
    }
  }

  .wrapper .item {
    width: 350px;
    height: 400px;

    background-color: transparent;
    border-radius: 6px;
    position: absolute;

    display: flex;
    align-items: center;
    flex-direction: column;

    border: 3px solid transparent;

    left: max(calc(350px * 8), 100%);


    animation-name: scrollLeft;
    animation-duration: 30s;
    animation-timing-function:linear;
    animation-iteration-count: infinite;
    flex: 1;
  }

  .wrapper:hover .item {
    animation-play-state: paused;
  }



  .item1 {
    animation-delay: calc(30s / 8 * (8 - 1) * -1);
  }

  .item2 {
    animation-delay: calc(30s / 8 * (8 - 2) * -1);
  }

  .item3 {
    animation-delay: calc(30s /8 * (8 - 3) * -1);
  }

  .item4 {
    animation-delay: calc(30s /8 * (8 - 4) * -1);
  }

  .item5 {
    animation-delay: calc(30s / 8 * (8 - 5) * -1);
  }

  .item6 {
    animation-delay: calc(30s / 8 * (8 - 6) * -1);
  }

   .item7 {
    animation-delay: calc(30s / 8 * (8 - 7) * -1);
  }
   .item8 {
    animation-delay: calc(30s / 8 * (8 - 8) * -1);
  }

.picture1 {

  width: 100%;


}

.picture2 {

  width: 100%;
  max-width: 500px;
  margin: auto;
  overflow: hidden;
  border-radius: 6px;



}

.picture3 {
  height: 100%;
  min-height: 200px;
}
.item:hover {

  border: 3px solid var(--accent-secondary-color);
}
.pictureFullscreen{
  flex-basis: auto;
  height: auto;
}

.section_gallery_one {

  min-height: 80vh !important;
  min-height: 80dvh !important;

  padding: 50px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  place-content: center;
}

.section_gallery_two {
  /* min-height: 80vh !important;
  min-height: 80dvh !important; */

  padding: 50px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  place-content: center;
}

.section_image_full {
  height: 100dvh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  place-content: center;

}

.spacerPFS {

  min-height: 50px;

}



.video_one {

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

}

.warning {

  border: 4px solid red;
  padding: 8px;

}



@media screen and (max-width: 1024px) {

  .box_product {
    flex-direction: row;
  }
  .box_product_text {
    display: flex;
    flex-direction: row;

  }
  .container_products {

    flex-direction: column;
  }

  .picture3 {
    height: auto;
    min-width: 200px;
  }
}


@media screen and (max-width: 768px) {

  .box_product {
    flex-direction: row;
  }
  .box_product_text {
    display: flex;
    flex-direction: column;

  }

  .picture3 {
    height: auto;
    min-width: 30vw;
  }


}




@media screen and (max-width: 375px){
  .box_product {
    flex-direction: column;
  }




}