@import "../luxury-accommodation-demand/assets/styles.css";
@import "../section-5/assets/styles.css";
@import "../section-hero/assets/styles.css";
@import "../section-space/assets/styles.css";
@import "../section-invest/assets/styles.css";

[data-fade] {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

/* hướng fade */
[data-fade="up"] {
  transform: translateY(3rem);
}

[data-fade="down"] {
  transform: translateY(-3rem);
}

[data-fade="left"] {
  transform: translateX(3rem);
}

[data-fade="right"] {
  transform: translateX(-3rem);
}

/* khi hiện */
[data-fade].is-visible {
  opacity: 1;
  transform: translate(0, 0) !important;
}

[data-fade="group-up"] {
  opacity: 1;
  transform: none;
}

[data-fade="group-up"] > * {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition-delay: calc(var(--fade-index, 0) * 0.12s);
  will-change: opacity, transform;
}

[data-fade="group-up"].is-visible > * {
  opacity: 1;
  transform: translateY(0);
}

.wave {
  pointer-events: none;
}
.only-mb {
  display: none;
}

/* Hero description: bản desktop (desc-pc) / mobile (desc-mb).
   Dùng display:block — KHÔNG dùng .only-pc{display:initial} vì initial = inline -> vỡ line-box. */
.section-hero .content-right__description.desc-mb {
  display: none;
}

@media (max-width: 639.98px) {
  .footer {
    background: transparent;
  }

  .only-mb {
  	display: initial !important;
  }
  .section-hero .content-right__description.desc-pc {
    display: none;
  }
  .section-hero .content-right__description.desc-mb {
    display: block;
  }
}