/* Public header, navigation, and mega-menu layout — Bảo Việt blue theme. */
.site-header{position:relative;z-index:10}
.topbar{background:#0057a6;color:#fff;font-size:.84rem;line-height:36px}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:36px}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{color:var(--bv-accent)}
.topbar-contact{opacity:.95;margin-left:.5rem}
.topbar-contact+.topbar-contact{padding-left:.7rem;border-left:1px solid rgba(255,255,255,.35)}
.main-navbar{min-height:75px;padding-block:0;background:#fff;border-bottom:1px solid #e8ecf3}
.brand-lockup{display:flex;align-items:center;line-height:1;text-decoration:none;margin-right:1rem}
.main-navbar .nav-link{font-size:.94rem;font-weight:600;color:var(--bv-ink);padding:.5rem .25rem;white-space:nowrap}
.main-navbar .nav-link:hover{color:var(--bv-primary)}
.nav-actions{white-space:nowrap}
.btn-brand{background:var(--bv-primary);border-color:var(--bv-primary);color:#fff;font-weight:700;border-radius:var(--bv-radius);padding:.72rem 1.3rem;box-shadow:0 8px 18px rgba(0,51,160,.15)}
.btn-brand:hover{background:var(--bv-primary-dark);border-color:var(--bv-primary-dark);color:#fff}
.btn-header-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--bv-primary);border:0;color:#fff;font-weight:700;border-radius:var(--bv-radius);padding:.65rem 1.3rem;font-size:.9rem;text-decoration:none;box-shadow:0 4px 12px rgba(0,51,160,.2);transition:background .15s,box-shadow .15s}
.btn-header-cta:hover{background:var(--bv-primary-dark,#005a9e);color:#fff;box-shadow:0 6px 16px rgba(0,51,160,.3)}
.btn-header-cta i{font-size:1rem}
.btn-outline-green{border-color:var(--bv-primary);color:var(--bv-primary);font-weight:700;border-radius:var(--bv-radius);padding:.72rem 1.3rem}
.btn-outline-green:hover{background:var(--bv-primary);color:#fff}
.nav-search{color:var(--bv-primary);font-size:1.3rem;text-decoration:none}
@media(max-width:1199.98px){
.main-navbar .nav-link{font-size:.88rem}
.main-navbar .navbar-nav{gap:.6rem!important}
}
@media(max-width:991.98px){
.topbar-inner{padding-inline:1rem}
.topbar-hours{display:none}
.main-navbar{padding-block:8px}
.nav-actions{margin-top:1rem}
}
@media(max-width:575.98px){
.topbar{font-size:.75rem}
.topbar-inner{justify-content:center;flex-wrap:wrap;gap:.2rem}
.main-navbar .nav-link{font-size:.86rem}
}

/* Full header and Bootstrap-powered mega menu. */
.main-navbar{position:relative}
.main-navbar>.container{position:relative}
.mega-dropdown{position:static}
.mega-menu{top:100%;left:0;width:100%;margin-top:0;background:#fff;border-color:var(--bv-line);border-radius:0 0 8px 8px;box-shadow:0 14px 30px rgba(0,30,100,.12);transform:none;z-index:1050;overflow:hidden}
.mega-menu-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-inline:auto;padding:1.35rem 1.15rem 1.55rem;position:relative;z-index:1}
.mega-catalog-link{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:.35rem;margin:0 .85rem .9rem;padding:0 0 .7rem;border-bottom:1px solid var(--bv-line);color:var(--bv-primary);font-size:.92rem;font-weight:800;text-decoration:none}.mega-catalog-link:hover{color:var(--bv-primary-dark)}
.mega-column{padding:0 .85rem;border-right:1px solid var(--bv-line);min-width:0}
.mega-column:first-child{padding-left:.45rem}.mega-column:last-child{border-right:0;padding-right:.45rem}
.mega-column h2{display:flex;align-items:flex-start;min-height:2.75rem;font-size:.82rem;line-height:1.3;text-transform:uppercase;margin:0 0 .5rem;font-weight:800;color:var(--bv-ink)}
.mega-column h2 a{color:inherit;text-decoration:none;font-size:inherit;line-height:inherit}.mega-column h2 a:hover{color:var(--bv-primary)}
.mega-column>a{display:flex;align-items:flex-start;min-height:3.75rem;padding:.55rem 0;border-top:1px solid var(--bv-line);color:var(--bv-muted);text-decoration:none;font-size:.86rem;line-height:1.3}.mega-column>a:hover{color:var(--bv-primary)}
@media(min-width:1200px){.main-navbar .header-nav{margin-left:auto!important;margin-right:auto!important;flex-wrap:nowrap}.mega-menu{top:calc(100% - 1.2rem)}}
@media(max-width:1199.98px){.mega-dropdown{position:relative}.mega-menu{position:static;left:0;width:100%;transform:none}.mega-menu:after{display:none}.mega-menu-inner{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem}.mega-column:nth-of-type(3){border-right:0}.mega-column:nth-of-type(n+4){padding-top:1rem;border-top:1px solid var(--bv-line)}.mega-catalog-link{justify-content:flex-start;margin-inline:.6rem}}
@media(max-width:575.98px){.mega-menu{position:static;width:100%;box-shadow:none;border-radius:0;transform:none}.mega-menu-inner{grid-template-columns:1fr 1fr;padding:.75rem .2rem}.mega-catalog-link{margin:0 .6rem .2rem;padding-bottom:.65rem;font-size:.9rem}.mega-column,.mega-column:first-child,.mega-column:last-child{padding:.4rem .6rem;border-right:0}.mega-column h2{font-size:.74rem}.mega-column>a{font-size:.78rem;padding:.42rem 0}}
@media(max-width:1199.98px){
  .navbar-collapse.show,.navbar-collapse.collapsing{
    width:calc(100% + var(--bs-gutter-x, 1.5rem));
    margin-left:calc(var(--bs-gutter-x, 1.5rem) / -2);
    margin-right:calc(var(--bs-gutter-x, 1.5rem) / -2);
    padding:0 calc(var(--bs-gutter-x, 1.5rem) / 2) .75rem;
    background:#edf2fc;
    border-bottom:1px solid #c8d5ec;
    max-height:calc(100vh - 117px);
    max-height:calc(100dvh - 117px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mega-menu,.mega-menu.show{background-color:#edf2fc!important;opacity:1}
  .mega-menu-inner{background:#edf2fc}
}

.navbar-toggler{border:0;padding:.4rem;box-shadow:none!important;background:transparent}
.navbar-toggler:focus{outline:none}
.navbar-toggler-icon{width:1.5em;height:1.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231a1a2e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.brand-logo{display:block;flex:none}
.brand-logo img{display:block;height:52px;width:auto;object-fit:contain}

.site-header{position:sticky;top:0;z-index:1030;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-anchor:none;transition:transform .3s ease}
.site-header.headroom--unpinned{transform:translateY(-100%)}
.site-header.headroom--pinned{transform:translateY(0)}
@media(min-width:1200px){.mega-menu{top:100%}}
@media(min-width:1200px){
  .main-navbar>.container{height:100%;min-height:75px}
}
@media(max-width:1199.98px){
  .main-navbar>.container{min-height:58px}
}
@media(max-width:1199.98px){
  .site-header{position:fixed;top:0;right:0;left:0;width:100%;height:117px}
  .main-navbar{height:85px;min-height:85px}
  .site-header ~ main{padding-top:117px}
}

.nav-dropdown{border:1px solid var(--bv-line);border-radius:0 0 8px 8px;box-shadow:0 14px 30px rgba(0,30,100,.12);padding:.4rem 0;min-width:230px}
.nav-dropdown .dropdown-item{font-size:.88rem;padding:.5rem 1.1rem;color:var(--bv-ink)}
.nav-dropdown .dropdown-item:hover{background:var(--bv-blue-soft);color:var(--bv-primary)}

@media(min-width:1200px){
  .main-navbar>.container,.main-navbar .navbar-collapse,.main-navbar .header-nav{align-items:stretch}
  .main-navbar .header-nav>.nav-item{display:flex;align-items:center}
  .brand-lockup,.nav-actions{align-self:center}
  .hover-dropdown>.dropdown-menu{top:100%;left:0;margin-top:0}
  .hover-dropdown:hover>.dropdown-menu{display:block}
}

@media(min-width:1200px){
  .mega-menu{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .mega-menu:after{display:none}
  .mega-menu-panel{background:#fff;border:1px solid var(--bv-line);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 14px 30px rgba(0,30,100,.12);overflow:hidden}
}