/*********************************************************************************************/
/****   ECRAN 03 - FLOWER                         ******************************************/
/*********************************************************************************************/
/*desktop*/

#animated-flower {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 762px) {
  .precious-lp-flower {
  }

  .precious-lp-flower__wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    border: 1px solid;
  }

  .precious-lp-flower__visual {
    flex-basis: 50%;
    position: relative;
    z-index: 1;
  }

  .precious-lp-flower__visual img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .precious-lp-flower__content {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    padding: 0 var(--PADDING-CONTENT);
  }

  #precious_flower_visual_1 {
    order: 1;
    position: relative;
    overflow: hidden;
  }

  #precious_flower_text_1 {
    order: 2;
    text-align: left;
    align-items: flex-start;
    padding-right: 40px;
  }

  #precious_flower_text_1 .precious-lp-text {
    max-width: 460px;
  }

  #precious_flower_visual_2 {
    order: 4;
  }

  #precious_flower_text_2 {
    order: 3;
    text-align: right;
    align-items: flex-end;
    padding-left: var(--PADDING-CONTENT);
  }

  #precious_flower_text_2 .precious-lp-text {
    max-width: 460px;
  }

  .precious-lp-flower__video {
    flex-basis: 100%;
    position: relative;
    aspect-ratio: 16/9;
    margin-bottom: 60px;
    order: 5;
  }

  @supports not (aspect-ratio: 16 / 9) {
    .precious-lp-flower__video::before {
      display: block;
      content: "";
      width: 100%;
      padding-top: calc(9 / 16 * 100%);
    }

    .precious-lp-flower__video .precious-lp-player,
    .precious-lp-flower__video .precious-lp-video,
    .precious-lp-flower__video .precious-lp-big-title {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }

  .precious-lp-flower__video .precious-lp-big-title {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 48px;
    font-family: var(--GOTHAM-MEDIUM);
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: normal;
    z-index: 2;
  }

  #precious_flower_text_3 {
    order: 6;
    text-align: center;
    align-items: center;
    flex-basis: 100%;
  }
}

@media (min-width: 1024px) {
  #precious_flower_visual_2 {
    transform: translateY(-10%);
  }
}

@media (max-width: 1023px) {
  #precious_flower_text_1 .precious-lp-text {
    display: block;
  }

  #precious_flower_text_2 .precious-lp-text {
    display: block;
  }

  .precious-lp-flower__video .precious-lp-big-title {
    font-size: 36px;
  }
}

#flower-mobile-title {
  display: none;
}

@media (max-width: 761px) {
  .precious-lp-flower {
    text-align: center;
    margin-bottom: -20vw;
  }

  #flower-title {
    display: none;
  }

  #flower-mobile-title {
    display: flex;
  }

  .precious-lp-flower__visual {
  }

  .precious-lp-flower__visual img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .precious-lp-flower__content {
    padding: 0 var(--PADDING-CONTENT);
    z-index: 2;
    position: relative;
  }

  #precious_flower_text_2 {
    padding-bottom: calc(2 * var(--PADDING-CONTENT));
  }

  .precious-lp-flower__content .precious-lp-text {
  }

  #precious_flower_visual_1 {
    position: relative;
    overflow: hidden;
  }

  .precious-lp-flower__video {
    width: 100%;
    position: relative;
    aspect-ratio: 414 / 479;
    margin-bottom: calc(2 * var(--PADDING-CONTENT));
    /* order: 5;*/
    overflow: hidden;
  }

  .precious-lp-flower__video .precious-lp-big-title {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-family: var(--GOTHAM-MEDIUM);
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: normal;
    z-index: 2;
  }

  #precious_flower_visual_2 {
    margin-bottom: -35vw;
    position: relative;
    display: block;
    z-index: 1;
  }

  #video-01-cryoextract iframe {
    display: inline-block;
    width: auto;
    height: 100%;
    position: absolute;
    z-index: 2;
    aspect-ratio: 16/9;
    margin: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

/*Master Analysis modifications*/
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .precious-lp-flower__content .precious-lp-text {
    width: 80%;
  }
}