/* Unit detail – tham khảo quycan.com/quy-can/{id} */
.ud-wrap{padding:18px 0 40px}
.ud-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:22px;align-items:start}
@media(max-width:960px){.ud-grid{grid-template-columns:1fr}}

.ud-gallery{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ud-main-img{
  display:block;aspect-ratio:16/10;background:#e5e7eb;background-size:cover;background-position:center;
  cursor:default
}
.ud-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}
.ud-thumbs button,
.ud-thumbs a{
  display:block;width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;
  border:2px solid var(--line);padding:0;margin:0;cursor:pointer;
  background-size:cover;background-position:center;background-color:#e5e7eb
}
.ud-thumbs button.on,
.ud-thumbs a.on{
  border-color:var(--gold-deep);
  box-shadow:0 0 0 2px rgba(184,134,11,.25)
}
.ud-thumbs button:hover,
.ud-thumbs a:hover{border-color:var(--blue)}

.ud-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 16px 18px}
.ud-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ud-code{font-size:clamp(24px,3vw,32px);font-weight:900;margin:0;line-height:1.1}
.ud-proj{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.ud-proj a{color:var(--blue-deep);text-decoration:none}
.ud-badge{
  flex-shrink:0;display:inline-flex;align-items:center;gap:4px;
  background:linear-gradient(90deg,#f97316,#ef4444);color:#fff;
  font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px
}
.ud-price-hero{
  margin:14px 0 12px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa
}
.ud-price-hero .label{font-size:12px;font-weight:700;color:#9a3412}
.ud-price-hero .val{font-size:clamp(22px,3vw,30px);font-weight:900;color:#c2410c;margin-top:2px}
.ud-price-hero .sub{font-size:12px;color:#9a3412;margin-top:4px}

.ud-specs{
  display:grid;grid-template-columns:1fr 1fr;gap:10px
}
@media(max-width:520px){.ud-specs{grid-template-columns:1fr}}
.ud-spec{
  background:#fafafa;border:1px solid #eee;border-radius:12px;padding:10px 12px
}
.ud-spec .k{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ud-spec .v{font-size:14px;font-weight:800;margin-top:3px;color:var(--ink)}

.ud-price-rows{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.ud-price-rows .row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7;font-size:13px;font-weight:700
}
.ud-price-rows .row.tts{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.ud-price-rows .row.tts .v{color:#b91c1c;font-size:15px;font-weight:900}

.ud-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ud-cta .btn{flex:1;min-width:140px}
.btn-zalo-main{
  background:linear-gradient(135deg,#0068ff,#00a3ff)!important;color:#fff!important
}

.ud-note{
  margin-top:12px;font-size:12px;color:var(--muted);line-height:1.45;
  padding:10px 12px;background:#f8fafc;border-radius:10px;border:1px dashed var(--line)
}

.ud-related{margin-top:28px}
.ud-related h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;margin:0 0 12px}
.ud-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.ud-rel-grid{grid-template-columns:1fr}}
.ud-rel{
  display:block;text-decoration:none;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden
}
.ud-rel .img{height:120px;background-size:cover;background-position:center;background-color:#e5e7eb}
.ud-rel .b{padding:10px 12px}
.ud-rel .c{font-weight:900;font-size:15px}
.ud-rel .p{font-size:12px;color:var(--muted);margin-top:2px}
.ud-rel .pr{margin-top:6px;font-weight:800;color:#c2410c;font-size:13px}