/* Onpro – Quỹ căn hot (tham khảo layout Quycan card) */
.hot-more-wrap{text-align:center;margin:18px 0 4px}
.btn-xem-them{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#f97316,#ea580c);color:#fff!important;
  border:0;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:800;
  text-decoration:none;box-shadow:0 8px 20px rgba(234,88,12,.28);cursor:pointer
}
.btn-xem-them:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-xem-them .arr{font-size:16px;line-height:1}

.qh-page{background:#f3f4f6;min-height:70vh}
.qh-head{padding:28px 0 8px;text-align:center}
.qh-head h1{
  margin:0 0 8px;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(28px,4vw,40px);font-weight:700
}
.qh-head h1 .hot{color:#ea580c;font-style:italic}
.qh-head p{margin:0 auto;max-width:560px;color:var(--muted);font-size:14px}

.qh-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 20px}
.qh-filters button{
  border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 14px;
  font-size:12px;font-weight:700;color:#6b7280;cursor:pointer
}
.qh-filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Default listing page: 2 cols (desktop) */
.qh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:40px}
@media(max-width:860px){.qh-grid{grid-template-columns:1fr}}

/* ===== HOME: 3 cards / row, compact, max 2 rows ===== */
#quy-hot .qh-grid,
#hotGrid.qh-grid{
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding-bottom:4px
}
@media(max-width:1024px){
  #quy-hot .qh-grid,#hotGrid.qh-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  #quy-hot .qh-grid,#hotGrid.qh-grid{grid-template-columns:1fr}
}

/* Card */
.qh-card{
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 18px rgba(15,23,42,.07);border:1px solid #e5e7eb;
  display:flex;flex-direction:column
}
.qh-banner{
  position:relative;min-height:132px;padding:10px;
  color:#fff;display:grid;grid-template-columns:1.2fr .9fr;gap:8px;
  background:linear-gradient(135deg,#9a3412,#c2410c 45%,#ea580c)
}
.qh-banner.tone-green{background:linear-gradient(135deg,#14532d,#15803d 50%,#22c55e)}
.qh-banner.tone-blue{background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0ea5e9)}
.qh-banner.tone-navy{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#b8860b)}
.qh-banner.tone-purple{background:linear-gradient(135deg,#4c1d95,#6d28d9 50%,#a78bfa)}

.qh-ban-left{z-index:1;min-width:0}
.qh-code-lg{
  font-size:18px;font-weight:900;letter-spacing:.02em;
  color:#fde68a;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.25)
}
.qh-type{font-size:10px;font-weight:700;color:rgba(255,255,255,.92);margin:2px 0 6px;text-transform:uppercase}
.qh-specs{font-size:10px;line-height:1.45}
.qh-specs .k{opacity:.85}
.qh-specs .v{font-weight:800;color:#fef3c7}
.qh-prices{margin-top:6px;display:flex;flex-direction:column;gap:3px}
.qh-prices .p-row{
  display:flex;justify-content:space-between;align-items:center;gap:6px;
  background:rgba(0,0,0,.18);border-radius:6px;padding:3px 6px;font-size:9px;font-weight:700
}
.qh-prices .p-row.tts{background:rgba(254,243,199,.95);color:#9a3412}
.qh-prices .p-row.tts .v{color:#b91c1c;font-size:11px;font-weight:900}
.qh-ban-right{
  border-radius:10px;overflow:hidden;background:rgba(255,255,255,.12);
  background-size:cover;background-position:center;min-height:110px
}

.qh-body{padding:10px 11px 11px;position:relative}
.qh-body-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.qh-body .code{font-size:15px;font-weight:900;margin:0}
.qh-body .proj{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;margin:3px 0 6px;letter-spacing:.02em;line-height:1.3}
.badge-sieu{
  flex-shrink:0;display:inline-flex;align-items:center;gap:3px;
  background:linear-gradient(90deg,#f97316,#ef4444);color:#fff;
  font-size:9px;font-weight:900;padding:3px 7px;border-radius:999px;letter-spacing:.03em
}
.qh-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:10px;color:#374151}
.qh-meta .m{display:flex;align-items:center;gap:4px}
.qh-meta .m.right{justify-content:flex-end;font-weight:800;color:#ea580c}
.qh-meta .tts-line{
  grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;
  margin-top:2px;padding-top:6px;border-top:1px dashed #e5e7eb;gap:6px
}
.qh-meta .tts-line .loc{color:#6b7280;font-weight:600;font-size:10px;min-width:0}
.qh-meta .tts-line .price{color:#c2410c;font-size:12px;font-weight:900;white-space:nowrap}

/* Compact CTA on home cards */
#quy-hot .qh-body .qh-cta,
#hotGrid .qh-body .qh-cta{
  margin:8px 0 0;display:flex;gap:6px;flex-wrap:wrap
}
#quy-hot .qh-body .btn,
#hotGrid .qh-body .btn{
  padding:7px 10px;font-size:11px
}

/* Listing page can stay slightly larger */
.qh-page .qh-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.qh-page .qh-code-lg{font-size:clamp(20px,2.4vw,26px)}
.qh-page .qh-banner{min-height:150px;padding:12px}
.qh-page .qh-body .code{font-size:18px}
.qh-page .qh-prices .p-row{font-size:10px;padding:4px 7px}
.qh-page .qh-prices .p-row.tts .v{font-size:12px}
@media(max-width:860px){.qh-page .qh-grid{grid-template-columns:1fr}}

.qh-note{font-size:12px;color:#6b7280;text-align:center;padding:8px 0 28px}
.qh-empty{text-align:center;padding:40px;color:#6b7280;grid-column:1/-1}