/* ABOUTUS - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .aboutus {
    padding: 52px 0; /* gốc 60 */
  }

  .aboutus .aboutus__col .aboutus__content .aboutus__title {
    font-size: 36px; /* gốc 40 */
    line-height: 120%;
  }
}

/* ABOUTUS - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .aboutus {
    padding: 44px 0;
  }

  .aboutus .aboutus__col .aboutus__content .aboutus__title {
    font-size: 34px;
  }
}
/* CHỈ SỬA CHO MÀN HÌNH CAO DƯỚI 768PX */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .prime-office,
  .prime-office.casual-leasing {
    --section-space: 56px;
    padding: var(--section-space) 0;
  }

  .prime-office .prime-office__row {
    min-height: calc(100vh - 86px - (var(--section-space) * 2));
    padding: 34px;
  }

  .prime-office .prime-office__title {
    font-size: clamp(26px, 2.7vw, 44px);
    line-height: 1.14;
    margin-bottom: 12px;
  }

  .prime-office .prime-office__desc {
    font-size: inherit; /* lấy theo body */
    line-height: 1.5;
    margin: 0 0 10px;
  }

  .prime-office .prime-office__cta {
    padding: 12px 22px;
    gap: 12px;
  }

  .prime-office .prime-office__cta-text {
    font-size: inherit; /* lấy theo body */
  }

  .prime-office .prime-office__image {
    width: 100%;
    height: clamp(320px, calc(100vh - 86px - 160px), 460px);
    max-height: 62vh;
    object-fit: cover;
  }

  .prime-office .owl-dots {
    bottom: 12px;
  }
}

/* ICON68 - dưới 768 */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .icon68 .icon68__hero {
    min-height: clamp(420px, 34vw, 540px);
  }

  .icon68 .icon68__subtitle,
  .icon68 .icon68__title {
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.14;
  }

  .icon68 .icon68__title {
    margin-bottom: 12px;
  }

  .icon68 .icon68__content {
    max-width: 760px;
    font-size: inherit; /* lấy theo body */
    line-height: 1.55;
    margin-bottom: 36px;
  }

  .icon68 .icon68__gallery {
    margin-top: -380px;
  }

  .icon68 .icon68__card {
    padding: 24px;
    border-radius: 14px;
  }

  .icon68 .icon68__img {
    height: clamp(150px, 16vw, 185px);
    object-fit: cover;
  }

  .icon68 .icon68__actions {
    padding-top: 20px;
  }

  .icon68 .icon68__cta {
    padding: 12px 24px;
    gap: 8px;
  }

  .icon68 .icon68__cta .icon68__cta-text {
    font-size: inherit; /* lấy theo body */
    line-height: 1.45;
  }

  .icon68 .owl-nav button {
    width: 36px;
    height: 36px;
  }

  .icon68 .owl-nav .owl-prev {
    left: -8px;
  }

  .icon68 .owl-nav .owl-next {
    right: -8px;
  }

  .icon68 .owl-dots {
    gap: 8px;
    padding-top: 14px;
  }

  .icon68 .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }

  .icon68 .owl-dots .owl-dot.active span {
    width: 20px;
    height: 7px;
  }
}

/* ICON68 - dưới 700 */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .icon68 .icon68__hero {
    min-height: clamp(360px, 31vw, 470px);
  }

  .icon68 .icon68__subtitle,
  .icon68 .icon68__title {
    font-size: clamp(24px, 2.6vw, 38px);
    line-height: 1.12;
  }

  .icon68 .icon68__title {
    margin-bottom: 10px;
  }

  .icon68 .icon68__content {
    font-size: inherit; /* lấy theo body */
    line-height: 1.45;
    margin-bottom: 24px;
    max-width: 680px;
  }

  .icon68 .icon68__gallery {
    margin-top: -320px;
  }

  .icon68 .icon68__card {
    padding: 18px;
  }

  .icon68 .icon68__img {
    height: clamp(130px, 14.5vw, 160px);
  }

  .icon68 .icon68__actions {
    padding-top: 16px;
  }

  .icon68 .icon68__cta {
    padding: 10px 18px;
  }

  .icon68 .icon68__cta .icon68__cta-text {
    font-size: inherit; /* lấy theo body */
    line-height: 1.45;
  }

  .icon68 .owl-nav button {
    width: 32px;
    height: 32px;
  }

  .icon68 .owl-dots {
    padding-top: 10px;
  }
}

/* SKYDECK - dưới 768 */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .skydeck {
    height: calc(100vh - 86px);
    min-height: 560px;
  }

  .skydeck .skydeck__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 36px;
    padding-bottom: 40px;
    text-align: center;
  }

  .skydeck .skydeck__content {
    width: 100%;
  }

  .skydeck .skydeck__title {
    font-size: clamp(30px, 3.2vw, 56px);
    line-height: 1.14;
    margin: 0 0 14px;
  }

  .skydeck .skydeck__lead {
    max-width: 720px;
    font-size: inherit; /* lấy theo body */
    line-height: 1.55;
    margin: 0 auto 28px;
  }

  .skydeck .skydeck__cta {
    padding: 12px 24px;
    gap: 8px;
  }

  .skydeck .skydeck__cta .skydeck__cta-text {
    font-size: inherit; /* lấy theo body */
    line-height: 1.45;
  }

  .skydeck .owl-dots {
    bottom: 10px;
    gap: 8px;
  }

  .skydeck .owl-dot span {
    width: 7px;
    height: 7px;
  }

  .skydeck .owl-dot.active span {
    width: 20px;
    height: 7px;
  }
}

/* SKYDECK - dưới 700 */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .skydeck {
    min-height: 500px;
  }

  .skydeck .skydeck__inner {
    padding-top: 28px;
    padding-bottom: 34px;
  }

  .skydeck .skydeck__title {
    font-size: clamp(26px, 2.8vw, 44px);
    line-height: 1.12;
    margin: 0 0 10px;
  }

  .skydeck .skydeck__lead {
    max-width: 660px;
    font-size: inherit; /* lấy theo body */
    line-height: 1.45;
    margin: 0 auto 20px;
  }

  .skydeck .skydeck__cta {
    padding: 10px 18px;
  }

  .skydeck .skydeck__cta .skydeck__cta-text {
    font-size: inherit; /* lấy theo body */
    line-height: 1.45;
  }

  .skydeck .owl-dots {
    bottom: 8px;
    gap: 6px;
  }

  .skydeck .owl-dot span {
    width: 6px;
    height: 6px;
  }

  .skydeck .owl-dot.active span {
    width: 16px;
    height: 6px;
  }
}

/* INNOVATION - dưới 768 (laptop thấp) | sát bản gốc */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .innovation {
    padding: 50px 0;
  }

  .innovation .innovation__title {
    font-size: clamp(26px, 3.2vw, 56px);
    margin: 0 0 28px;
    line-height: 120%;
  }

  .innovation .innovation__row {
    row-gap: 16px;
  }

  .innovation .innovation__img {
    width: 64%;
  }

  .innovation .innovation__badge {
    max-width: 360px;
    padding: 18px;
  }

  .innovation .innovation__badge-title {
    font-size: clamp(18px, 2.3vw, 36px);
    margin: 0 0 14px;
    line-height: 120%;
  }

  .innovation .innovation__badge-meta {
    font-size: inherit; /* lấy theo body */
    margin: 0 0 26px;
    line-height: 160%;
  }

  .innovation .innovation__badge-year {
    font-size: clamp(22px, 2.3vw, 36px);
    line-height: 120%;
  }

  .innovation .innovation__content p {
    line-height: 155%;
  }
}

/* INNOVATION - dưới 700 (laptop rất thấp) | sát bản gốc */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .innovation {
    padding: 44px 0;
  }

  .innovation .innovation__title {
    font-size: clamp(24px, 3vw, 52px);
    margin: 0 0 22px;
    line-height: 120%;
  }

  .innovation .innovation__row {
    row-gap: 14px;
  }

  .innovation .innovation__img {
    width: 62%;
  }

  .innovation .innovation__badge {
    max-width: 342px;
    padding: 16px;
  }

  .innovation .innovation__badge-title {
    font-size: clamp(18px, 2.15vw, 34px);
    margin: 0 0 12px;
    line-height: 120%;
  }

  .innovation .innovation__badge-meta {
    font-size: inherit; /* lấy theo body */
    margin: 0 0 20px;
    line-height: 155%;
  }

  .innovation .innovation__badge-year {
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: 120%;
  }

  .innovation .innovation__content p {
    line-height: 150%;
  }
}
/* AMENITIES - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .amenities {
    padding: 52px 0; /* gốc 60 */
  }

  .amenities .amenities__title {
    margin: 0 0 26px; /* gốc 40 */
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .amenities .amenities__scroller {
    gap: 26px;              /* gốc 60 (thực tế có thể đang 30 do max-width:1699) */
    margin-right: -90px;    /* gốc -115 */
    padding-right: 90px;    /* gốc 115 */
  }

  .amenities .amenities__item {
    margin-bottom: 48px; /* gốc 68 */
  }

  .amenities .amenities__card {
    padding: 28px 0 28px 16px; /* gốc 40 0 40 20 */
    row-gap: 18px;             /* gốc 24 */
  }

  .amenities .amenities__band {
    padding: 14px; /* gốc 20 */
  }

  .amenities .amenities__icon {
    height: 56px; /* gốc 68 */
  }

  .amenities .amenities__icon img {
    max-height: 56px; /* gốc 68 */
    padding-left: 16px; /* gốc 20 */
  }

  .amenities .amenities__card-title {
    font-size: 22px;  /* gốc 24 */
    min-height: 64px; /* gốc 76 */
    line-height: 150%;
  }

  .amenities .amenities__desc {
    padding: 0 28px 0 16px; /* gốc 0 40 0 20 */
  }
}

/* AMENITIES - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .amenities {
    padding: 44px 0;
  }

  .amenities .amenities__title {
    margin: 0 0 20px;
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .amenities .amenities__scroller {
    gap: 20px;
    margin-right: -72px;
    padding-right: 72px;
  }

  .amenities .amenities__item {
    margin-bottom: 40px;
  }

  .amenities .amenities__card {
    padding: 22px 0 22px 14px;
    row-gap: 16px;
  }

  .amenities .amenities__band {
    padding: 12px;
  }

  .amenities .amenities__icon {
    height: 52px;
  }

  .amenities .amenities__icon img {
    max-height: 52px;
    padding-left: 14px;
  }

  .amenities .amenities__card-title {
    font-size: 20px;
    min-height: 56px;
    line-height: 150%;
  }

  .amenities .amenities__desc {
    padding: 0 22px 0 14px;
  }
}
/* MAPLOC - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .maploc {
    padding: 52px 0 0; /* gốc 60 */
  }

  .maploc .maploc__title {
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
    line-height: 120%;
  }

  .maploc .maploc__subtitle {
    font-size: inherit; /* theo body */
    line-height: 1.55;
    margin-top: 10px;
    max-width: 900px;
  }

  .maploc .maploc__body {
    margin-top: 28px; /* gốc 40 */
  }

  /* Nếu map đang render bằng iframe, ép chiều cao cho iframe */
  .maploc .maploc__map iframe {
    width: 100%;
    height: clamp(360px, 52vh, 520px);
    display: block;
  }

  /* Nếu trường hợp map dùng .maploc__img (fallback image) */
  .maploc .maploc__img {
    height: clamp(360px, 52vh, 520px);
  }
}

/* MAPLOC - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .maploc {
    padding: 44px 0 0;
  }

  .maploc .maploc__title {
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .maploc .maploc__subtitle {
    font-size: inherit; /* theo body */
    line-height: 1.45;
    margin-top: 8px;
    max-width: 860px;
  }

  .maploc .maploc__body {
    margin-top: 20px;
  }

  .maploc .maploc__map iframe {
    height: clamp(420px, 48vh, 560px);
  }

  .maploc .maploc__img {
    height: clamp(420px, 48vh, 560px);
  }
}
/* GALLERY - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .gallery {
    padding: 88px 0 52px; /* gốc 120 0 60 */
  }

  .gallery .gallery__title {
    margin: 0 0 26px; /* gốc 40 */
    font-size: clamp(15px, 2.1vw, 34px); /* gốc clamp(15px,2.5vw,40px) */
  }

  .gallery .gallery__grid {
    gap: 44px; /* gốc 68 */
  }

  .gallery .gallery__meta {
    padding: 10px 0 10px 16px; /* gốc 12 0 12 20 */
  }
}

/* GALLERY - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .gallery {
    padding: 76px 0 44px;
  }

  .gallery .gallery__title {
    margin: 0 0 20px;
    font-size: clamp(15px, 2vw, 32px);
  }

  .gallery .gallery__grid {
    gap: 32px;
  }

  .gallery .gallery__meta {
    padding: 8px 0 8px 14px;
  }

  .gallery .gallery__fab {
    width: 32px;
    height: 32px;
    right: 12px;
  }
}
/* SUPPORT - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .support {
    padding: 52px 0 120px; /* gốc 60 0 160 */
  }

  .support .support__head {
    margin-bottom: 28px; /* gốc 40 */
  }

  .support .support__eyebrow {
    font-size: clamp(22px, 2.1vw, 34px); /* gốc clamp(24px,2.5vw,40px) */
  }

  .support .support__title {
    font-size: clamp(36px, 3.8vw, 68px); /* gốc clamp(42px,5vw,80px) */
  }

  .support .support__label {
    font-size: 20px; /* gốc 24 */
    margin: 0 0 4px;
  }

  .support .support__control {
    height: 48px; /* gốc 53 */
    padding: 0 16px;
  }

  .support .support__control--textarea {
    min-height: 96px; /* gốc 111 */
    padding: 10px 12px;
  }

  .support .support__btn {
    padding: 14px 28px; /* gốc 16 32 */
    gap: 14px;          /* gốc 20 */
  }

  .support .support__btn-icon {
    font-size: 14px; /* giữ */
  }

  .support .support-card {
    padding: 28px; /* gốc 40 (và 20 ở max-width) */
  }

  .support .support-card__title {
    margin: 0 0 16px;
    font-size: clamp(22px, 2vw, 34px); /* gốc clamp(24px,2.5vw,40px) */
  }

  .support .support-card__line {
    margin: 16px 0; /* gốc 20 */
  }

  .support .support-card__label {
    font-size: 20px; /* gốc 24 */
    line-height: 150%;
  }
}

/* SUPPORT - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .support {
    padding: 44px 0 96px;
  }

  .support .support__head {
    margin-bottom: 22px;
  }

  .support .support__eyebrow {
    font-size: clamp(20px, 2vw, 32px);
  }

  .support .support__title {
    font-size: clamp(32px, 3.4vw, 60px);
  }

  .support .support__group {
    margin-bottom: 12px; /* gốc 15 */
  }

  .support .support__label {
    font-size: 18px;
  }

  .support .support__control {
    height: 46px;
    padding: 0 14px;
  }

  .support .support__control--textarea {
    min-height: 88px;
  }

  .support .support__btn {
    padding: 12px 24px;
    gap: 12px;
  }

  .support .support-card {
    padding: 24px;
  }

  .support .support-card__title {
    margin: 0 0 14px;
    font-size: clamp(20px, 1.9vw, 32px);
  }

  .support .support-card__line {
    margin: 14px 0;
  }

  .support .support-card__label {
    font-size: 18px;
  }
}
/* PARTNERS - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .partners {
    padding: 88px 0 52px; /* gốc 120 0 60 */
  }

  .partners .partners__grid {
    gap: 44px; /* gốc 68 */
  }

  .partners .partners__logo {
    padding: 8px; /* gốc 10 */
  }

  .partners .partners__logo img {
    max-width: 58%;
    max-height: 58%;
  }
}

/* PARTNERS - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .partners {
    padding: 76px 0 44px;
  }

  .partners .partners__grid {
    gap: 32px;
  }

  .partners .partners__logo {
    padding: 8px;
  }

  .partners .partners__logo img {
    max-width: 60%;
    max-height: 60%;
  }
}
/* HIGHLIGHT - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .highlight {
    padding: 88px 0 52px; /* gốc 120 0 60 */
  }

  .highlight .highlight__heading {
    margin: 0 0 26px; /* gốc 40 */
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .highlight .highlight__card {
    gap: 40px; /* gốc 68 */
  }

  .highlight .highlight__content {
    padding: 28px 28px 28px 0; /* gốc 40 40 40 0 */
    gap: 16px;                 /* gốc 20 */
  }

  .highlight .highlight__title {
    font-size: clamp(22px, 2.1vw, 34px); /* gốc clamp(24px,2.5vw,40px) */
  }

  .highlight .highlight__img {
    max-height: clamp(440px, 58vh, 560px); /* gốc 632 */
  }

  .highlight .highlight__link {
    gap: 14px; /* gốc 20 */
  }

  .highlight .owl-dots {
    padding: 26px 0 0; /* gốc 40 */
    gap: 10px;         /* gốc 12 */
  }

  .highlight .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }

  .highlight .owl-dots .owl-dot.active span {
    width: 22px;
    height: 7px;
  }
}

/* HIGHLIGHT - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .highlight {
    padding: 76px 0 44px;
  }

  .highlight .highlight__heading {
    margin: 0 0 20px;
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .highlight .highlight__card {
    grid-template-columns: 2.1fr 1fr; /* hơi gọn hơn gốc */
    gap: 28px;
  }

  .highlight .highlight__content {
    padding: 22px 22px 22px 0;
    gap: 14px;
  }

  .highlight .highlight__title {
    font-size: clamp(20px, 2vw, 32px);
  }

  .highlight .highlight__img {
    max-height: clamp(400px, 54vh, 520px);
  }

  .highlight .highlight__link {
    gap: 12px;
  }

  .highlight .owl-dots {
    padding: 20px 0 0;
    gap: 8px;
  }

  .highlight .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }

  .highlight .owl-dots .owl-dot.active span {
    width: 18px;
    height: 6px;
  }
}
/* EVENTS - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .events {
    padding: 52px 0; /* gốc 60 */
  }

  .events .events__head {
    margin-bottom: 26px; /* gốc 40 */
    gap: 12px;
  }

  .events .events__title {
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .events .events__btn {
    padding: 12px 24px; /* gốc 16 32 */
    gap: 14px;          /* gốc 20 */
  }

  .events .events__grid {
    gap: clamp(22px, 3vw, 44px); /* gốc clamp(28px,4.25vw,68px) */
  }

  .events .events__card {
    padding: 16px; /* gốc 20 */
  }

  .events .events__media {
    margin: 0 0 24px; /* gốc 40 */
  }

  .events .events__card-title {
    margin: 0 0 6px;
  }

  .events .events__link {
    margin-top: 24px; /* gốc 40 */
    gap: 14px;        /* gốc 20 */
  }
}

/* EVENTS - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .events {
    padding: 44px 0;
  }

  .events .events__head {
    margin-bottom: 20px;
    align-items: flex-end;
  }

  .events .events__title {
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .events .events__btn {
    padding: 10px 20px;
    gap: 12px;
  }

  .events .events__grid {
    gap: clamp(18px, 2.6vw, 36px);
  }

  .events .events__card {
    padding: 14px;
  }

  .events .events__media {
    margin: 0 0 18px;
  }

  .events .events__link {
    margin-top: 18px;
    gap: 12px;
    padding: 6px 0;
  }
}
/* FAQ - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .faq {
    padding: 88px 0 52px; /* gốc 120 0 60 */
  }

  .faq .faq__row {
    row-gap: 18px; /* gốc 24 */
  }

  .faq .faq__sidebar-inner {
    top: 86px; /* gốc 100 */
  }

  .faq .faq__heading {
    margin: 0 0 22px; /* gốc 30 */
    font-size: clamp(26px, 3vw, 52px); /* gốc clamp(28px,3.75vw,60px) */
  }

  .faq .faq__list {
    gap: 16px; /* gốc 20 */
  }

  .faq .faq__q {
    padding: 16px 18px; /* gốc 20 */
    font-size: 22px;    /* gốc 24 */
  }

  .faq .faq__a {
    padding: 16px 18px;
    line-height: 165%;
  }
}

/* FAQ - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .faq {
    padding: 76px 0 44px;
  }

  .faq .faq__row {
    row-gap: 16px;
  }

  .faq .faq__sidebar-inner {
    top: 78px;
  }

  .faq .faq__heading {
    margin: 0 0 18px;
    font-size: clamp(24px, 2.8vw, 48px);
  }

  .faq .faq__list {
    gap: 14px;
  }

  .faq .faq__q {
    padding: 14px 16px;
    font-size: 20px;
  }

  .faq .faq__a {
    padding: 14px 16px;
    line-height: 160%;
  }

  /* nếu câu trả lời dài, giới hạn chiều cao để không "đẩy" trang quá nhiều */
  .faq .faq__panel {
    --faq-a-max: 52vh;
  }
}
/* INTRODUCE - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .introduce {
    padding: 88px 0; /* gốc 120 */
  }

  .introduce .introduce__title {
    margin: 0 0 20px; /* gốc 28 */
    font-size: clamp(26px, 3vw, 52px); /* gốc clamp(28px,3.75vw,60px) */
  }

  .introduce .introduce__num {
    font-size: clamp(26px, 3vw, 52px); /* giữ đồng bộ title */
  }

  /* Ảnh: hạ “độ cao thị giác” để vừa màn thấp */
  .introduce .introduce__img {
    height: clamp(410px, 42vh, 520px);
  }

  .introduce .introduce__stat:not(:last-child) {
    margin-right: 20px;  /* gốc 26.5 */
    padding-right: 20px;
  }

  .introduce .owl-dots {
    bottom: 14px; /* gốc 20 */
    gap: 10px;    /* gốc 12 */
  }

  .introduce .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }

  .introduce .owl-dots .owl-dot.active span {
    width: 22px;
    height: 7px;
  }
}

/* INTRODUCE - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .introduce {
    padding: 76px 0;
  }

  .introduce .introduce__title {
    margin: 0 0 16px;
    font-size: clamp(24px, 2.8vw, 48px);
  }

  .introduce .introduce__num {
    font-size: clamp(24px, 2.8vw, 48px);
  }

  .introduce .introduce__img {
    height: clamp(410px, 42vh, 520px);
  }

  .introduce .introduce__stat:not(:last-child) {
    margin-right: 16px;
    padding-right: 16px;
  }

  .introduce .owl-dots {
    bottom: 12px;
    gap: 8px;
  }

  .introduce .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }

  .introduce .owl-dots .owl-dot.active span {
    width: 18px;
    height: 6px;
  }
}
/* EXPERIENCE - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .experience {
    padding: 88px 0; /* gốc 120 */
  }

  .experience .experience__grid {
    gap: 44px; /* gốc 68 */
  }

  .experience .experience__card {
    padding: 28px; /* gốc 40 */
    border-radius: 10px;
  }

  .experience .experience__title {
    margin: 0 0 10px;
    min-height: clamp(44px, 4.2vw, 72px); /* gốc clamp(46px,5vw,80px) */
  }

  .experience .experience__desc {
    margin: 0 0 26px; /* gốc 40 */
    line-height: 155%;
  }

  .experience .experience__img {
    height: 300px; /* gốc 350 */
  }

  .experience .experience__badge {
    width: 60px;  /* gốc 68 */
    height: 60px;
    left: 16px;
    top: 16px;
  }
}

/* EXPERIENCE - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .experience {
    padding: 76px 0;
  }

  .experience .experience__grid {
    gap: 32px;
  }

  .experience .experience__card {
    padding: 22px;
    border-radius: 10px;
  }

  .experience .experience__title {
    margin: 0 0 8px;
    min-height: clamp(42px, 4vw, 68px);
  }

  .experience .experience__desc {
    margin: 0 0 20px;
    line-height: 150%;
    -webkit-line-clamp: 3; /* gọn hơn nếu đang clamp 4 ở max-width:1699 */
  }

  .experience .experience__img {
    height: 270px;
  }

  .experience .experience__badge {
    width: 56px;
    height: 56px;
    left: 14px;
    top: 14px;
  }
}
/* SOUVENIRS - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .souvenirs {
    padding: 88px 0; /* gốc 120 */
  }

  .souvenirs .souvenirs__head {
    margin-bottom: 26px; /* gốc 40 */
  }

  .souvenirs .souvenirs__title {
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .souvenirs .souvenirs__grid {
    gap: 16px; /* gốc 20 */
  }

  .souvenirs .souvenirs__action {
    margin-top: 26px; /* gốc 40 */
  }

  .souvenirs .souvenirs__btn {
    padding: 12px 24px; /* gốc 16 32 */
    gap: 14px;          /* gốc 20 */
  }
}

/* SOUVENIRS - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .souvenirs {
    padding: 76px 0;
  }

  .souvenirs .souvenirs__head {
    margin-bottom: 20px;
  }

  .souvenirs .souvenirs__title {
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .souvenirs .souvenirs__subtitle {
    line-height: 150%;
  }

  .souvenirs .souvenirs__grid {
    gap: 12px;
  }

  .souvenirs .souvenirs__action {
    margin-top: 20px;
  }

  .souvenirs .souvenirs__btn {
    padding: 10px 20px;
    gap: 12px;
  }
}
/* VENUE - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .venue {
    padding: 88px 0 52px; /* gốc 120 0 60 */
  }

  .venue .venue__card {
    padding: 44px; /* gốc 60 */
  }

  .venue .venue__legend {
    padding: 28px; /* gốc 40 */
    border-radius: 10px; /* gốc 12 */
  }

  .venue .venue__title {
    margin: 0 0 26px; /* gốc 40 */
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .venue .ev-grid {
    gap: 22px; /* gốc 30 */
  }

  .venue .venue__list {
    margin-top: 12px; /* gốc 18 */
  }

  .venue .venue__item {
    padding: 10px 0; /* gốc 12 */
  }

  /* Modal: siết padding/dots một chút cho màn thấp */
  #venueModal .modal-content {
    padding: 36px; /* gốc 50 */
  }

  #venueModal .ev-modal__title {
    font-size: clamp(26px, 3vw, 52px); /* gốc clamp(28px,3.75vw,60px) */
  }

  #venueModal .btn-close {
    width: 68px;  /* gốc 80 */
    height: 68px;
    top: 16px;
    right: 16px;
  }

  #modalSlider .owl-dots {
    bottom: 14px; /* gốc 20 */
    gap: 10px;    /* gốc 12 */
  }

  #modalSlider .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }

  #modalSlider .owl-dots .owl-dot.active span {
    width: 22px;
    height: 7px;
  }
}

/* VENUE - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .venue {
    padding: 76px 0 44px;
  }

  .venue .venue__card {
    padding: 36px;
  }

  .venue .venue__legend {
    padding: 24px;
    border-radius: 10px;
  }

  .venue .venue__title {
    margin: 0 0 20px;
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .venue .ev-grid {
    gap: 18px;
  }

  .venue .venue__item {
    padding: 8px 0;
  }

  #venueModal .modal-content {
    padding: 28px;
  }

  #venueModal .ev-modal__title {
    font-size: clamp(24px, 2.8vw, 48px);
  }

  #venueModal .btn-close {
    width: 60px;
    height: 60px;
    top: 14px;
    right: 14px;
  }

  #modalSlider .owl-dots {
    bottom: 12px;
    gap: 8px;
  }

  #modalSlider .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }

  #modalSlider .owl-dots .owl-dot.active span {
    width: 18px;
    height: 6px;
  }
}
/* OFFICES-GRADEA - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  #information_prime-office .aboutus-hero {
    margin-bottom: 44px; /* gốc 60 */
  }

  .offices-gradea.offices-gradea_2 {
    padding: 0 0 52px; /* gốc 60 */
  }

  .offices-gradea .offices-gradea__note {
    padding: 44px 0 28px; /* gốc 60 0 40 */
    gap: 16px;
    font-size: 20px; /* gốc 22 */
  }

  .offices-gradea .offices-gradea__hero .offices-gradea__row {
    padding: 32px;      /* gốc 40 */
    border-radius: 16px; /* gốc 20 */
  }

  .offices-gradea .offices-gradea__title,
  .offices-gradea .offices-gradea__title span {
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .offices-gradea .offices-gradea__cta {
    padding: 12px 24px; /* gốc 16 32 */
    gap: 14px;          /* gốc 20 */
  }

  .offices-gradea .offices-gradea__cta-text {
    font-size: inherit; /* theo body */
  }

  .offices-gradea .offices-gradea__img {
    height: 380px; /* gốc 442 */
    border-radius: 10px;
  }

  .offices-gradea .offices-gradea__features {
    margin-top: 28px; /* gốc 40 */
  }

  .offices-gradea .offices-gradea__grid {
    gap: 44px; /* gốc 68 */
  }

  .offices-gradea .offices-gradea__card {
    padding: 28px; /* gốc 40 */
    border-radius: 10px;
  }

  .offices-gradea .offices-gradea__card-hd {
    margin-bottom: 14px; /* gốc 20 */
  }

  .offices-gradea .offices-gradea__card-img {
    height: 210px; /* gốc 252 */
  }

  .offices-gradea .owl-dots {
    bottom: 14px; /* gốc 20 */
    gap: 10px;    /* gốc 12 */
  }

  .offices-gradea .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
  }

  .offices-gradea .owl-dots .owl-dot.active span {
    width: 22px;
    height: 7px;
  }
}

/* OFFICES-GRADEA - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  #information_prime-office .aboutus-hero {
    margin-bottom: 36px;
  }

  .offices-gradea.offices-gradea_2 {
    padding: 0 0 44px;
  }

  .offices-gradea .offices-gradea__note {
    padding: 36px 0 22px;
    gap: 14px;
    font-size: 18px;
  }

  .offices-gradea .offices-gradea__hero .offices-gradea__row {
    padding: 26px;
    border-radius: 14px;
  }

  .offices-gradea .offices-gradea__title,
  .offices-gradea .offices-gradea__title span {
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .offices-gradea .offices-gradea__cta {
    padding: 10px 20px;
    gap: 12px;
  }

  .offices-gradea .offices-gradea__img {
    height: 340px;
  }

  .offices-gradea .offices-gradea__features {
    margin-top: 22px;
  }

  .offices-gradea .offices-gradea__grid {
    gap: 32px;
  }

  .offices-gradea .offices-gradea__card {
    padding: 22px;
  }

  .offices-gradea .offices-gradea__card-img {
    height: 190px;
  }

  .offices-gradea .owl-dots {
    bottom: 12px;
    gap: 8px;
  }

  .offices-gradea .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }

  .offices-gradea .owl-dots .owl-dot.active span {
    width: 18px;
    height: 6px;
  }
}
/* FLOORMAP - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .floormap {
    padding: 88px 0; /* gốc 120 */
  }

  .floormap .floormap__sidebar {
    margin-top: 32px; /* gốc 48 */
  }

  .floormap .floormap__sidebar-inner {
    padding: 16px; /* gốc 20 */
    border-radius: 10px;
  }

  .floormap .floormap__floor {
    padding: 12px 18px; /* gốc 16 32 */
    gap: 14px;          /* gốc 20 */
  }

  .floormap .floormap__content-title {
    margin: 0 0 16px; /* gốc 20 */
    font-size: clamp(26px, 3.6vw, 64px); /* gốc clamp(28px,5vw,80px) */
  }

  .floormap .floormap__map {
    margin: 0 0 44px; /* gốc 60 */
    border-radius: 10px;
  }

  /* Map ảnh: giảm độ cao để vừa màn thấp */
  .floormap .floormap__map-img {
    height: clamp(445px, 50vh, 560px); /* thay 44.75vw (quá cao) */
    object-fit: contain;
  }

  .floormap .floormap__subheading {
    margin: 0 0 16px;
    font-size: clamp(24px, 3vw, 52px); /* gốc clamp(28px,3.75vw,60px) */
  }

  .floormap .floormap__shopcard {
    gap: 44px;          /* gốc 68 */
    padding: 16px;      /* gốc 20 */
    margin-bottom: 28px;/* gốc 40 */
    border-radius: 10px;
  }

  .floormap .floormap__shopcard-img {
    height: 250px; /* gốc 286 */
  }

  .floormap .floormap__shopcard-title {
    font-size: clamp(24px, 2.1vw, 34px); /* gốc clamp(28px,2.5vw,40px) */
    margin: 0 0 10px;
  }

  .floormap .floormap__mobilepicker-btn {
    padding: 16px;
  }
}

/* FLOORMAP - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .floormap {
    padding: 76px 0;
  }

  .floormap .floormap__sidebar {
    margin-top: 26px;
  }

  .floormap .floormap__sidebar-inner {
    padding: 14px;
  }

  .floormap .floormap__floor {
    padding: 10px 16px;
    gap: 12px;
  }

  .floormap .floormap__content-title {
    margin: 0 0 14px;
    font-size: clamp(24px, 3.2vw, 56px);
  }

  .floormap .floormap__map {
    margin: 0 0 32px;
  }

  .floormap .floormap__map-img {
    height: clamp(445px, 46vh, 520px);
  }

  .floormap .floormap__subheading {
    margin: 0 0 14px;
    font-size: clamp(22px, 2.8vw, 48px);
  }

  .floormap .floormap__shopcard {
    gap: 32px;
    padding: 14px;
    margin-bottom: 22px;
  }

  .floormap .floormap__shopcard-img {
    height: 230px;
  }

  .floormap .floormap__shopcard-title {
    font-size: clamp(22px, 2vw, 32px);
  }

  .floormap .floormap__mobilepicker-btn {
    padding: 14px;
  }
}

/* BREADCRUMB-HERO - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .breadcrumb-hero{
    min-height: 320px;  /* gốc 380/464 */
  }

  .breadcrumb-hero .breadcrumb-hero__title{
    font-size: clamp(36px, 5.6vw, 92px); /* giảm nhẹ cho màn thấp */
    line-height: 120%;
  }

  .breadcrumb-hero .breadcrumb-hero__subtitle{
    font-size: inherit; /* theo body */
    line-height: 1.55;
    margin-top: 6px;
    max-width: 720px;
  }

  .breadcrumb-hero .breadcrumb-hero__media{
    background-size: 42%;
    right: 40px;     /* gọn lại */
    height: 620px;   /* giảm để đỡ “phình” */
    top: -45%;
  }
}

/* BREADCRUMB-HERO - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .breadcrumb-hero{
    min-height: 280px;
  }

  .breadcrumb-hero .breadcrumb-hero__title{
    font-size: clamp(34px, 5.1vw, 84px);
  }

  .breadcrumb-hero .breadcrumb-hero__subtitle{
    font-size: inherit;
    line-height: 1.45;
    max-width: 680px;
  }

  .breadcrumb-hero .breadcrumb-hero__media{
    background-size: 40%;
    right: 28px;
    height: 560px;
    top: -40%;
  }
}
/* ABOUTUS-HERO - màn hình thấp dưới 768px (laptop thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 768px) {
  .aboutus-hero {
    min-height: calc(100vh - 86px); /* tránh quá cao khi có header */
  }

  .aboutus-hero .aboutus-hero__bg {
    height: calc(100vh - 86px);
  }

  /* giảm chút size title để không chiếm hết chiều cao */
  .aboutus-hero .aboutus-hero__title {
    font-size: clamp(44px, 6.2vw, 96px); /* gốc clamp(48px,7.5vw,120px) */
  }

  .aboutus-hero .aboutus-hero__eyebrow {
    font-size: 22px; /* gốc 24 */
    line-height: 150%;
  }

  .aboutus-hero .aboutus-hero__cta {
    margin-top: 16px; /* gốc 20 */
    padding: 12px 24px; /* gốc 16 32 */
    gap: 14px;          /* gốc 20 */
    border-radius: 8px;
  }

  .aboutus-hero .owl-dots {
    bottom: 12px; /* gốc 14 */
    gap: 8px;     /* gốc 10 */
  }

  .aboutus-hero .owl-dot span {
    width: 7px;
    height: 7px;
  }

  .aboutus-hero .owl-dot.active span {
    width: 22px;
  }
}

/* ABOUTUS-HERO - màn hình thấp dưới 700px (laptop rất thấp) */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 700px) {
  .aboutus-hero {
    min-height: calc(100vh - 86px);
  }

  .aboutus-hero .aboutus-hero__bg {
    height: calc(100vh - 86px);
  }

  .aboutus-hero .aboutus-hero__title {
    font-size: clamp(40px, 5.8vw, 88px);
  }

  .aboutus-hero .aboutus-hero__eyebrow {
    font-size: 20px;
    line-height: 145%;
  }

  .aboutus-hero .aboutus-hero__cta {
    margin-top: 14px;
    padding: 10px 20px;
    gap: 12px;
  }

  .aboutus-hero .owl-dots {
    bottom: 10px;
    gap: 6px;
  }

  .aboutus-hero .owl-dot span {
    width: 6px;
    height: 6px;
  }

  .aboutus-hero .owl-dot.active span {
    width: 18px;
  }
}
/* =========================================
   ULTRA LOW HEIGHT - dưới 568px (tất cả section)
   ĐẶT CUỐI FILE để override <=700 / <=768
========================================= */
@media (min-width: 1024px) and (max-width: 1599.98px) and (max-height: 567.98px) {
  html,
  body {
    font-size: 14px;
  }

  /* ABOUTUS */
  .aboutus { padding: 36px 0; }
  .aboutus .aboutus__col .aboutus__content .aboutus__title { font-size: 30px; }

  /* PRIME-OFFICE */
  .prime-office,
  .prime-office.casual-leasing {
    --section-space: 40px;
    padding: var(--section-space) 0;
  }
  .prime-office .prime-office__row {
    min-height: calc(100vh - 86px - (var(--section-space) * 2));
    padding: 24px;
  }
  .prime-office .prime-office__title {
    font-size: clamp(22px, 2.5vw, 36px);
    margin-bottom: 10px;
  }
  .prime-office .prime-office__desc { line-height: 1.45; margin: 0 0 8px; }
  .prime-office .prime-office__cta { padding: 10px 18px; gap: 10px; }
  .prime-office .prime-office__image {
    height: clamp(260px, calc(100vh - 86px - 150px), 380px);
    max-height: 56vh;
    object-fit: cover;
  }
  .prime-office .owl-dots { bottom: 10px; }

  /* ICON68 */
  .icon68 .icon68__hero { min-height: clamp(300px, 28vw, 400px); }
  .icon68 .icon68__subtitle,
  .icon68 .icon68__title { font-size: clamp(22px, 2.6vw, 34px); line-height: 1.12; }
  .icon68 .icon68__title { margin-bottom: 8px; }
  .icon68 .icon68__content { font-size: inherit; line-height: 1.4; margin-bottom: 18px; max-width: 620px; }
  .icon68 .icon68__gallery { margin-top: -260px; }
  .icon68 .icon68__card { padding: 14px; border-radius: 12px; }
  .icon68 .icon68__img { height: clamp(110px, 13vw, 140px); }
  .icon68 .icon68__actions { padding-top: 12px; }
  .icon68 .icon68__cta { padding: 8px 14px; gap: 8px; }
  .icon68 .icon68__cta .icon68__cta-text { font-size: inherit; line-height: 1.35; }
  .icon68 .owl-nav button { width: 30px; height: 30px; }
  .icon68 .owl-dots { padding-top: 8px; gap: 6px; }
  .icon68 .owl-dots .owl-dot span { width: 6px; height: 6px; }
  .icon68 .owl-dots .owl-dot.active span { width: 16px; height: 6px; }

  /* SKYDECK */
  .skydeck { height: calc(100vh - 86px); min-height: 420px; }
  .skydeck .skydeck__inner { padding-top: 20px; padding-bottom: 24px; }
  .skydeck .skydeck__title { font-size: clamp(22px, 2.8vw, 38px); margin: 0 0 10px; }
  .skydeck .skydeck__lead { font-size: inherit; line-height: 1.4; margin: 0 auto 14px; max-width: 620px; }
  .skydeck .skydeck__cta { padding: 8px 14px; gap: 8px; }
  .skydeck .skydeck__cta .skydeck__cta-text { font-size: inherit; line-height: 1.35; }
  .skydeck .owl-dots { bottom: 8px; gap: 6px; }
  .skydeck .owl-dot span { width: 6px; height: 6px; }
  .skydeck .owl-dot.active span { width: 16px; height: 6px; }

  /* INNOVATION */
  .innovation { padding: 36px 0; }
  .innovation .innovation__title { font-size: clamp(22px, 3vw, 42px); margin: 0 0 18px; }
  .innovation .innovation__row { row-gap: 12px; }
  .innovation .innovation__img { width: 62%; }
  .innovation .innovation__badge { max-width: 320px; padding: 14px; }
  .innovation .innovation__badge-title { font-size: clamp(16px, 2vw, 26px); margin: 0 0 8px; }
  .innovation .innovation__badge-meta { font-size: inherit; margin: 0 0 14px; line-height: 1.45; }
  .innovation .innovation__badge-year { font-size: clamp(18px, 2vw, 28px); }

  /* AMENITIES */
  .amenities { padding: 36px 0; }
  .amenities .amenities__title { margin: 0 0 18px; font-size: clamp(22px, 3vw, 48px); }
  .amenities .amenities__scroller { gap: 16px; margin-right: -56px; padding-right: 56px; }
  .amenities .amenities__item { margin-bottom: 30px; }
  .amenities .amenities__card { padding: 18px 0 18px 12px; row-gap: 14px; }
  .amenities .amenities__band { padding: 10px; }
  .amenities .amenities__icon { height: 48px; }
  .amenities .amenities__icon img { max-height: 48px; padding-left: 12px; }
  .amenities .amenities__card-title { font-size: 18px; min-height: 46px; }
  .amenities .amenities__desc { padding: 0 16px 0 12px; }

  /* MAPLOC */
  .maploc { padding: 36px 0 0; }
  .maploc .maploc__title { font-size: clamp(22px, 3vw, 48px); }
  .maploc .maploc__body { margin-top: 16px; }
  .maploc .maploc__map iframe { height: clamp(320px, 56vh, 420px); }
  .maploc .maploc__img { height: clamp(320px, 56vh, 420px); }

  /* SUPPORT */
  .support { padding: 36px 0 72px; }
  .support .support__head { margin-bottom: 16px; }
  .support .support__eyebrow { font-size: clamp(18px, 2vw, 28px); }
  .support .support__title { font-size: clamp(28px, 3.2vw, 50px); }
  .support .support__label { font-size: 16px; }
  .support .support__control { height: 36px; padding: 0 12px; }
  .support .support__control--textarea { min-height: 72px; }
  .support .support__btn { padding: 10px 18px; gap: 10px; }
  .support .support-card { padding: 18px; }
  .support .support-card__title { margin: 0 0 10px; font-size: clamp(18px, 2vw, 28px); }
  .support .support-card__line { margin: 12px 0; }
  .support .support-card__label { font-size: 16px; }

  /* FAQ */
  .faq { padding: 56px 0 32px; }
  .faq .faq__sidebar-inner { top: 70px; }
  .faq .faq__heading { margin: 0 0 14px; font-size: clamp(22px, 2.6vw, 40px); }
  .faq .faq__list { gap: 12px; }
  .faq .faq__q { padding: 12px 14px; font-size: 18px; }
  .faq .faq__a { padding: 12px 14px; line-height: 155%; }
  .faq .faq__panel { --faq-a-max: 46vh; }

  /* INTRODUCE (giữ min 410 như bạn yêu cầu) */
  .introduce { padding: 64px 0; }
  .introduce .introduce__img { height: clamp(330px, 56vh, 520px); }

  /* FLOORMAP (hạ min-height map để khỏi quá “đè” ở màn 568) */
  .floormap { padding: 64px 0; }
  .floormap .floormap__map { margin: 0 0 24px; }
  .floormap .floormap__map-img { height: clamp(360px, 62vh, 480px); }
  .floormap .floormap__shopcard { gap: 20px; padding: 12px; margin-bottom: 16px; }
  .floormap .floormap__shopcard-img { height: 200px; }

  /* BREADCRUMB-HERO */
  .breadcrumb-hero { min-height: 240px; }
  .breadcrumb-hero .breadcrumb-hero__title { font-size: clamp(30px, 5vw, 72px); }
  .breadcrumb-hero .breadcrumb-hero__media { height: 480px; top: -35%; right: 18px; background-size: 38%; }

  /* ABOUTUS-HERO */
  .aboutus-hero { min-height: calc(100vh - 86px); }
  .aboutus-hero .aboutus-hero__bg { height: calc(100vh - 86px); }
  .aboutus-hero .aboutus-hero__title { font-size: clamp(34px, 5.6vw, 76px); }
  .aboutus-hero .aboutus-hero__eyebrow { font-size: 18px; }
  .aboutus-hero .aboutus-hero__cta { padding: 10px 18px; gap: 10px; margin-top: 12px; }
  .aboutus-hero .owl-dots { bottom: 8px; gap: 6px; }
  .aboutus-hero .owl-dot span { width: 6px; height: 6px; }
  .aboutus-hero .owl-dot.active span { width: 16px; }
}