/* ITPC — chỉnh UI nhỏ tại đây. File này nạp CUỐI, không sửa CSS lịch sử.
   Cỡ chữ dùng rem; mặc định trình duyệt 16px = 1rem trên desktop.
   Mobile 93.75% = 15px/rem (nhỏ hơn desktop 6.25%).
   Đổi hai tỷ lệ dưới đây để tăng/giảm chữ toàn giao diện.
   Giữ kích thước vùng bấm/ảnh/layout bằng px để không co theo chữ. */
:root {
  --font-scale-desktop: 100%;
  --font-scale-mobile: 93.75%;
  --body-leading: 1.8;
}
html {
  font-size: var(--font-scale-desktop);
}
body.figma-final {
  line-height: var(--body-leading);
}
@media (max-width: 760px) {
  html {
    font-size: var(--font-scale-mobile);
  }
  /* 16px ở tỷ lệ mobile mặc định: tránh iPhone tự zoom khi nhập liệu. */
  body.figma-final :is(input, select, textarea) {
    font-size: 1.066667rem;
  }
  body.figma-final .luxury-assistant-entry input {
    font-size: 1.066667rem;
  }
}
/* Ví dụ sửa riêng một thành phần — bỏ comment rồi chỉnh giá trị:
.figma-final .final-project h3{font-size:1.125rem;line-height:1.6}
.figma-final .final-project{border-radius:8px}
@media(max-width:760px){
 .figma-final.immersive-home .hero h1{font-size:2.625rem}
}
*/