/* Balam Renovations - template */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;
 src:url('fonts/barlow-400.woff2') format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;
 src:url('fonts/barlow-600.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;
 src:url('fonts/cormorant-var.woff2') format('woff2')}
@font-face{font-family:Cinzel;font-style:normal;font-weight:400 700;font-display:swap;
 src:url('fonts/cinzel-var.woff2') format('woff2')}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:#F0F0F0;font-family:Barlow,system-ui,sans-serif;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.15}
p{margin:0}
button,input,textarea,select{font-family:inherit;font-size:inherit}
::placeholder{color:#7D796D}
:focus-visible{outline:2px solid #C09040;outline-offset:2px}

/* hover sinh tu thuoc tinh style-hover cua ban thiet ke */
.h100:hover{color:#C09040}
.h101:hover{color:#C09040}
.h102:hover{background:#D9AE68; color:#000}
.h113:hover{color:#C09040}
.h204:hover{background:#D9AE68}
.h205:hover{border-color:#C09040; color:#C09040}
.h206:hover{background:#FFFFFF; border-color:#C09040}
.h207:hover{border-color:#C09040}
.h208:hover{background:#D9AE68}
.h219:hover{background:#D9AE68}
.h2210:hover{border-color:#C09040}
.h2311:hover{background:#D9AE68}
.h2512:hover{background:#D9AE68}
.h9013:hover{color:#C09040}
.h9014:hover{color:#C09040}
.h9015:hover{color:#C09040}
.h9016:hover{border-color:#C09040; color:#C09040}

/* menu di dong */
.balam-burger{display:none}
@media (max-width:880px){
 .balam-burger{display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:transparent;border:1px solid #2E2E25;color:#F0F0F0;cursor:pointer}
 .balam-nav{display:none !important}
 .balam-nav.is-open{display:flex !important;position:absolute;left:0;right:0;top:100%;
  flex-direction:column;gap:0;background:#0B0B09;border-top:1px solid #2E2E25;padding:8px 0;z-index:60}
 .balam-nav.is-open a{padding:13px 20px;border-bottom:1px solid #17170F}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* thiet ke goc */

  *, *::before, *::after { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: #000; }
  body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  a { color: #C09040; text-decoration: none; }
  a:hover { color: #D9AE68; }
  input, textarea, button, select { font-family: Barlow, system-ui, sans-serif; }
  ::placeholder { color: #7D796D; }

.do_not_disp{display:none !important}

/* san co chu tren man hinh hep - clamp cua ban thiet ke thu qua nho o 412px */
@media (max-width:520px){
  .brand-sub{font-size:10px !important;letter-spacing:.3em !important}
  span,a,p,li,div{font-size:max(1em,11px)}
  h1{font-size:clamp(28px,8vw,40px) !important}
}

/* khung 16:9 cua engine chi con danh cho iframe nhung ke ngoai (YouTube...) */
.qlvid-wrap > iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}

/* form lien he: bo cuc + mau dat inline theo mockup, day la phan inline khong lam duoc */
.bf-lb{font:600 11px/1 Barlow,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8C8676}
.bf-in,.cg-input input{width:100%;background:#000;border:1px solid #2E2E25;color:#F0F0F0;
 padding:15px 16px;font:400 15px/1.4 Barlow,sans-serif;outline:none;border-radius:0}
.bf-in:focus,.cg-input input:focus{border-color:#C09040}
.balam-send:hover{background:#D9AE68}
.balam-refresh:hover{border-color:#C09040;color:#C09040}
.form-error{margin-bottom:18px;padding:12px 14px;background:rgba(200,70,50,.12);
 border:1px solid rgba(200,70,50,.45);color:#F0B6AB;font:400 14px/1.6 Barlow,sans-serif}
.form-error:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* thanh goi nhanh: chi hien tren mobile (mockup gate bang showCallBar) */
.balam-callbar{display:none}
@media (max-width:880px){.balam-callbar{display:grid}}