/* Bổ sung 13/10/2026 (Claude): mẫu sàn thực tế · chứng nhận · form nhận khách · Zalo. Nạp SAU style-seo-20261013.css */

/* Mẫu sàn thực tế */
.real{background:#fbf8f3}
.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
figure.swatch,figure.room{margin:0;min-width:0}
.swatch img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:4px;box-shadow:0 6px 18px #3427191a}
.swatch figcaption{margin-top:12px}
.swatch b{display:block;font-size:15px;font-weight:600}
.swatch span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.room img{display:block;width:100%;height:auto;aspect-ratio:4/3.5;object-fit:cover;border-radius:4px}
.room figcaption{font-size:13px;color:var(--muted);margin-top:10px}

/* Bảng thông số trong khối cấu tạo */
.spec dd{font-weight:600;color:var(--ink)}

/* Chứng nhận */
.cert{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
.cert-row{display:grid;grid-template-columns:1.1fr repeat(5,1fr);gap:22px;align-items:center}
.cert-row h2{font-size:24px;letter-spacing:-.4px;font-weight:550}
.cert-item b{display:block;font-size:16px;color:#7d5a33;font-weight:650;letter-spacing:.3px}
.cert-item span{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:3px}

/* Form nhận khách */
#consult-form .req{color:#a24a2a}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;color:var(--muted);margin:2px 0 18px}
.consent input{width:18px;height:18px;flex:none;margin:3px 0 0;padding:0}
.consent a{color:#7d5a33;text-decoration:underline}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.form-msg{display:none;margin-top:16px;padding:14px 16px;border-radius:4px;font-size:14px;line-height:1.7}
.form-msg.ok{display:block;background:#eaf2e4;color:#2f4b23}
.form-msg.err{display:block;background:#f8e6e1;color:#7d2b17}
.form-msg a{font-weight:650;text-decoration:underline}
#consult-form button[disabled]{opacity:.7;cursor:wait}

/* Zalo + gọi nổi */
.floating-zalo{position:fixed;right:23px;bottom:84px;width:52px;height:52px;border-radius:50%;background:#0068ff;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;box-shadow:0 4px 20px #0003;z-index:25;letter-spacing:.2px}
.floating-zalo:hover{background:#0057d6}
.contact .zalo-link{display:inline-block;margin-top:10px;color:#d8c3a5;font-size:15px;text-decoration:underline}

@media(max-width:1100px){
  .swatch-grid{grid-template-columns:repeat(3,1fr)}
  .cert-row{grid-template-columns:repeat(3,1fr)}
  .cert-row h2{grid-column:1/-1}
}
@media(max-width:760px){
  .swatch-grid{grid-template-columns:1fr 1fr;gap:20px 14px}
  .room-grid{grid-template-columns:1fr;gap:20px}
  .cert-row{grid-template-columns:1fr 1fr;gap:18px}
  .floating-zalo{right:16px;bottom:78px;width:50px;height:50px}
}