:root {
  --xl-container: 1180px;
  --2xl-container: 1270px;
}

@media (max-width: 767px) {
  .video-logo {
    max-width: 320px;
  }

  .video-text-2-alignment-mobile {
    margin-left: 38px;
    margin-bottom: 170px;
  }

  .video-text-3-alignment-mobile {
    min-width: 280px;
  }

  .row-col-order-mobile div:first-child {
    order: 2;
  }

  .product-earring-box__text-mobile-gap {
    margin-top: 46px;
    margin-bottom: 46px !important;
  }

  .explore-more-button {
    height: 52px !important;
  }

  .product-3-section {
    min-height: 100vh;
  }
}

/* Tablet specfic styles */
@media (min-width: 768px) {
  .section-spacer {
    margin-top: 90px;
  }

  .reveal-wrapper {
    overflow: hidden;
    display: inline-block;
  }

  .reveal-inner {
    display: inline-block;
    transform: translateY(100%);
    will-change: transform;
  }

  .desktop-leaf-extension-bg {
    /* margin-top: -12px; */
  }

  .product-1-joiner-bg {
    margin-top: -118px;
  }

  .product-1-section {
    margin-top: -16px;
    z-index: 10;
  }

  .desktop-product-1-description {
    position: absolute !important;
    top: 168px;
  }

  .product-image-gap {
    margin-top: 16px;
  }

  .text-assets-gap {
    margin-bottom: 40px;
  }

  .product-7-lake-joiner-bg {
    margin-top: -100px;
    z-index: -1 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .product-1-section {
    margin-top: -130px;
  }
}

/* Desktop */
@media (min-width: 1280px) {
  .container {
    max-width: var(--xl-container);
  }

  .w-desktop-auto {
    width: auto;
  }

  .mx-desktop-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .video-logo {
    max-width: 496px;
  }

  .section-spacer {
    margin-top: 140px;
  }

  .product-1-joiner-bg {
    margin-top: -12vw;
    margin-bottom: -43vw;
  }

  .desktop-leaf-extension-bg {
    margin-top: -24px;
  }

  .product-2-3-section-inner {
    width: 200%;
    display: flex;
  }

  .product-2-item-img {
    margin-left: -120px;
  }

  .text-assets-gap {
    margin-bottom: 50px;
  }

  .product-image-gap {
    margin-top: 28px;
  }

  .product-earring-box {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .product-earring-box__text {
    margin-top: 78px;
  }

  .product-image-max-size {
    max-height: 751px;
  }

  .product-3-4-gradinat-bg {
    margin-bottom: -44vh;
    margin-top: -57vh !important;
  }

  .product-text-link-block {
    margin-bottom: 42px;
    padding-right: 10%;
  }

  .tulip-image-desktop {
    margin-left: 25%;
  }

  .book-an-appointment-aspect-ratio-box {
    aspect-ratio: 1440 / 981;
  }

  .book-an-appointment-aspect-ratio-box__text-box {
    transform: translateY(-96px);
  }

  .product-flower-zoom-desktop {
    bottom: 0;
    right: 10%;
    width: clamp(50vh, 100vmin, 65vw);
    top: 64px;
  }

  .desktop-product-1-description {
    margin-bottom: -180px;
    margin-top: 32px;
    z-index: 150 !important;
    position: relative !important;
    top: -45px;
  }

  .desktop-product-1-cta-block {
    margin-left: 10%;
    margin-top: auto;
    max-width: 400px;
    margin-bottom: 42px;
  }

  /* .product-3-section {
    width: 50%;
  } */

  .desktop-product-3-cta-block {
    right: 12%;
    margin-bottom: 8%;
  }

  .product-3-4-ice-bg {
    margin-top: -42vw;
  }

  /* .product-5-section {
    margin-top: -420px;
  } */

  .product-5-bg-images-1--desktop {
    margin-top: -380px;
  }

  .product-5-section-text-block-desktop {
    top: 0;
    left: 10%;
  }

  .product-5-section-link-block-desktop {
    left: 28%;
    bottom: 50%;
  }

  .desktop-product-6-section-text-block {
    right: 14%;
    top: 27%;
  }

  .product-6-section {
    margin-top: -200px;
  }

  .product-6-section__product-img {
    /* max-width: 80%; */
    transform: translateY(-2vw);
  }

  .product-6-layer-6-2 {
    margin-top: -220px;
  }

  .product-7-section .product-7-section__product-img {
    margin-left: 1%;
    transform: translateY(-250px);
  }

  .product-7-section-text-block {
    transform: translate(65%, 30px);
  }
}

@media (min-width: 1366px) {
  .container {
    max-width: var(--2xl-container);
  }

  /* .product-5-section {
    margin-top: -480px;
  } */

  .product-5-bg-images-1--desktop {
    margin-top: -430px;
  }

  .product-3-4-gradinat-bg {
    margin-bottom: -44vh;
    margin-top: -48vh !important;
  }
}

@media (min-width: 1366px) {
  .container {
    max-width: var(--2xl-container);
  }
}

@media (min-width: 1440px) {
  .product-item-5-img-size-desktop {
    max-width: 40%;
  }

  .product-2-top-text-link-alignment {
    bottom: 5%;
    right: 22%;
  }

  .product-top-1-item-desktop-sizing {
    max-width: 70% !important;
  }

  .product-6-pull-top-desktop {
    margin-top: -400px;
  }

  .desktop-pull-bottom-5-6-joiner {
    margin: 0;
  }

  .desktop-product-6-section-text-block {
    right: 14%;
    top: 30%;
  }

  .product-section-7-8-joiner-desktop {
    margin: -30vw 0 -16vw;
  }

  /* .product-3-section {
    width: 54%;
  } */
}

@media (min-width: 1480px) {
}

@media (min-width: 1920px) {
  .desktop-leaf-extension-bg {
    margin-top: -46px;
  }

  .product-1-joiner-bg {
    margin-bottom: -38vw;
  }

  .product-3-4-gradinat-bg {
    margin-bottom: -44vh;
    margin-top: -47vh;
  }

  .desktop-product-3-cta-block {
    right: 18%;
  }

  /* .product-5-section {
    margin-top: -642px;
  } */

  .product-5-bg-images-1--desktop {
    margin-top: -580px;
  }

  .product-5-section-link-block-desktop {
    left: 32%;
  }

  .product-5-bg-images--desktop {
    margin-top: -280px !important;
  }

  .product-6-section {
    margin-top: -294px;
  }

  .product-5-section-text-block-desktop {
    left: 15%;
  }

  .desktop-product-6-section-text-block {
    right: 18%;
    top: 35%;
  }

  .product-7-lake-joiner-bg {
    margin-top: -140px;
  }
}

@media (min-width: 2256px) {
  .product-1-joiner-bg {
    margin-bottom: -32vw;
  }

  .product-1-section {
    margin-top: -24px;
  }

  .product-3-4-gradinat-bg {
    margin-bottom: -39vh;
    margin-top: -37vh;
  }

  /* .product-5-section {
    margin-top: -745px;
  } */

  .product-6-section {
    margin-top: -318px;
  }

  .product-6-layer-6-2 {
    margin-top: -340px;
  }

  .desktop-product-6-section-text-block {
    right: 20%;
    top: 35%;
  }

  .product-5-section-text-block-desktop {
    top: 17%;
  }

  .tulip-image-desktop img {
    width: 200%;
    left: -121px;
    position: relative;
  }
}

@media (min-width: 1280px) and (max-height: 767px) {
  .product-section-text-block {
    margin-top: 8vh !important;
  }

  .product-seasons-bg {
    background-position: 0 100px;
  }
}

[data-animate-text],
[data-text-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 1.5s ease,
    transform 2s ease;
  will-change: opacity, transform;
}

[data-animate-text].in-view,
[data-text-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

[data-revel-v2] span {
  display: inline-block;
  transform: translateY(20px);
  opacity: 0; /* start dull */
  color: rgba(0, 0, 0, 0.3); /* light color */
  transition:
    transform 0.8s ease-out,
    opacity 0.8s ease-out,
    color 0.8s ease-out;
}

[data-revel-v2] span.visible {
  transform: translateY(0);
  opacity: 1; /* fully visible */
  color: rgba(0, 0, 0, 0.65); /* normal text color */
}