/* =========================
   MOBILE GLOBAL FIX
   dùng cho toàn bộ quay-ve.com
========================= */

html, body{
  overflow-x:hidden;
  max-width:100%;
}

/* ===== chữ tự co giãn ===== */
h1{
  font-size: clamp(20px, 5vw, 30px);
}

h2{
  font-size: clamp(18px, 4.5vw, 24px);
}

p, .sub, .note{
  font-size: clamp(14px, 3.8vw, 16px);
  line-height:1.7;
}

/* ===== buttons ===== */
.btn{
  width:100%;
  max-width:320px;
}

/* ===== grid gallery ===== */
.grid{
  grid-template-columns: repeat(2, 1fr);
  gap:14px;
}

/* ===== card ===== */
.item img{
  height:120px;
}

/* ===== card section (trang chủ 3 ô) ===== */
.cards{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* ===== quote giữa màn hình ===== */
.quote, .big-text{
  font-size: clamp(20px, 6vw, 28px);
  padding:0 15px;
}

/* ===== padding chung ===== */
.wrap{
  padding:30px 16px 60px;
}

/* ===== tránh zoom ngang ===== */
*{
  box-sizing:border-box;
}