.navi-booking-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%}
.navi-booking-form *{max-width:100%;box-sizing:border-box}
.navi-form-title{font-size:16px;font-weight:700;margin:0;letter-spacing:-0.01em}
.navi-form-note{font-size:12px;color:var(--navi-text-3);margin:-.25rem 0 .5rem}
.navi-form-group{width:100%}
.navi-form-group label{display:block;font-size:12px;color:var(--navi-text-2);margin-bottom:.25rem;font-weight:500}
.navi-form-group input,.navi-form-group select,.navi-form-group textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--navi-border-2);border-radius:var(--navi-radius-sm);font-size:14px;font-family:var(--navi-font);background:var(--navi-bg-2);color:var(--navi-text);min-height:44px;-webkit-appearance:none;appearance:none;transition:border-color .2s,background .2s}
.navi-form-group input:focus,.navi-form-group select:focus,.navi-form-group textarea:focus{outline:2px solid var(--navi-amber-400);outline-offset:1px;background:white;border-color:var(--navi-amber-400)}
.navi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.required{color:#d33}
.navi-form-consent{font-size:12px;color:var(--navi-text-2)}
.navi-form-consent label{display:flex;align-items:flex-start;gap:.4rem;cursor:pointer;font-size:11px;line-height:1.5}
.navi-form-consent input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--navi-amber-400)}
.navi-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.navi-form-submit{background:var(--navi-amber-400);color:white;border:none;padding:.8rem;border-radius:var(--navi-radius-sm);font-size:15px;font-weight:600;cursor:pointer;margin-top:.4rem;min-height:46px;width:100%;font-family:var(--navi-font);transition:background .2s}
.navi-form-submit:hover{background:var(--navi-amber-500)}
.navi-form-submit:active{background:var(--navi-amber-800)}
.navi-form-submit:disabled{opacity:.6;cursor:not-allowed}
.navi-form-privacy{font-size:11px;color:var(--navi-text-3);text-align:center;margin:.25rem 0 0}
.navi-form-message{padding:.6rem .8rem;border-radius:var(--navi-radius-sm);font-size:13px}
.navi-form-message.success{background:var(--navi-teal-50);color:var(--navi-teal-800);border:1px solid var(--navi-teal-100)}
.navi-form-message.error{background:#fee;color:#a00;border:1px solid #faa}

.navi-section-header{text-align:center;margin-bottom:1.5rem;padding:0 .5rem}
.navi-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--navi-amber-400);margin-bottom:.4rem;text-transform:uppercase}
.navi-section-title{font-size:clamp(1.25rem,4vw,1.85rem);font-weight:700;margin-bottom:.4rem;line-height:1.3;letter-spacing:-0.01em}
.navi-section-desc{color:var(--navi-text-2);font-size:13px;margin:0;line-height:1.5}

/* CTA BANNER - luôn có khoảng cách dưới (margin-bottom 0 vì footer sẽ tự cách) */
.navi-cta-banner{padding:2.25rem 0;text-align:center;margin-bottom:0}
.navi-cta-banner-dark{background:var(--navi-teal-900);color:white}
.navi-cta-banner-amber{background:var(--navi-amber-400);color:white}
.navi-cta-title{font-size:clamp(1.25rem,3.5vw,1.6rem);color:white;margin:0 0 .5rem;line-height:1.3;font-weight:700;letter-spacing:-0.01em}
.navi-cta-subtitle{font-size:13px;color:rgba(255,255,255,.92);margin:0 0 1.2rem;line-height:1.5}
.navi-cta-buttons{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;max-width:340px;margin:0 auto;padding:0 1rem}
@media(min-width:768px){.navi-cta-buttons{flex-direction:row;max-width:none;justify-content:center;align-items:center;padding:0}}

/* MOBILE BOTTOM BAR */
.navi-mobile-bar{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--navi-border);padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom,0));display:flex;gap:.45rem;z-index:90;box-shadow:0 -2px 8px rgba(0,0,0,.04)}
.navi-mb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;padding:.4rem .25rem;border-radius:var(--navi-radius-sm);font-size:11px;font-weight:600;color:var(--navi-text-2);min-height:50px;text-align:center;line-height:1.2;transition:background .2s}
.navi-mb-item svg{width:18px;height:18px;flex-shrink:0}
.navi-mb-zalo{color:#0068FF}
.navi-mb-zalo:hover{background:#E6F0FF}
.navi-mb-call{color:var(--navi-teal-600)}
.navi-mb-call:hover{background:var(--navi-teal-50)}
.navi-mb-primary{background:var(--navi-amber-400);color:white;flex:1.4}
.navi-mb-primary:hover{background:var(--navi-amber-500);color:white}
@media(min-width:1024px){.navi-mobile-bar{display:none}body{padding-bottom:0}}

/* ============================================ */
/* FOOTER - LUÔN có TOP BORDER VÀ BACKGROUND khác để TÁCH với CTA */
/* Đây là fix cho v1.1.6 — không dùng selector phức tạp nữa */
/* ============================================ */
.navi-footer{
  background:var(--navi-teal-900);
  color:var(--navi-teal-100);
  padding:2.5rem 0 1rem;
  margin-top:0;
  /* Border top sáng hơn để TÁCH với CTA banner cùng màu phía trên */
  border-top:1px solid rgba(159,225,203,.15);
  /* Box-shadow inset trên để tạo "lõm" rõ ràng */
  box-shadow:inset 0 6px 12px rgba(0,0,0,.18)
}
.navi-footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}
.navi-footer-brand .navi-logo-text{color:white;font-size:18px}
.navi-footer-desc{font-size:12px;color:var(--navi-teal-100);line-height:1.65;margin:.6rem 0 0}
.navi-footer-widget-title{color:white;font-size:13px;font-weight:700;margin:0 0 .7rem;letter-spacing:.02em}
.navi-footer-col ul{list-style:none;padding:0;margin:0}
.navi-footer-col ul li{font-size:12px;line-height:2}
.navi-footer-col ul li a{color:var(--navi-teal-100);transition:color .2s}
.navi-footer-col ul li a:hover{color:var(--navi-amber-100)}
.navi-footer-bottom{border-top:1px solid rgba(159,225,203,.18);padding-top:1rem;font-size:11px;display:flex;flex-direction:column;gap:.45rem;line-height:1.5}
.navi-footer-bottom a{color:var(--navi-teal-100)}
.navi-footer-bottom a:hover{color:var(--navi-amber-100)}
.navi-footer-contact{font-size:12px;line-height:2}
@media(min-width:768px){.navi-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}.navi-footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}

.navi-yt-lazy{position:relative;aspect-ratio:16/9;cursor:pointer;width:100%;max-width:100%}
body.navi-menu-is-open{overflow:hidden}