/* ---------- Top bar ---------- */
.top-bar{background:#08080a;color:#9aa0a8;font-size:14px;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.top-bar i{color:var(--red);margin-right:.35rem}
.top-bar a{color:#9aa0a8;transition:.25s}
.top-bar a:hover{color:#fff}
.top-offer{color:var(--gold)}
.top-offer i{color:var(--gold)}
.brand-img{width:260px}
/* ---------- Navbar ---------- */
.ote-navbar{background:rgba(14,14,18,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);padding:.7rem 0;transition:padding .35s,background .35s,box-shadow .35s}
.ote-navbar.scrolled{background:rgba(9,9,12,.98);padding:.4rem 0;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.brand-svg{width:44px;height:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{font-family:var(--font-01);font-style:italic;font-weight:900;font-size:1.7rem;color:var(--red);letter-spacing:1px}
.brand-text small{font-size:.56rem;letter-spacing:3.4px;color:#cfd2d6;font-weight:600}
.navbar-toggler{border:none;color:#fff}
.navbar-toggler:focus{box-shadow:none}

.navbar-nav .nav-link{font-weight:600;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:#e8e8ea;
  padding:.6rem 1rem!important;position:relative}
.navbar-nav .nav-link::before{content:"";position:absolute;left:1rem;right:1rem;bottom:.35rem;height:2px;background:var(--red);
  transform:scaleX(0);transform-origin:left;transition:transform .3s}
.navbar-nav .nav-link:hover::before,.navbar-nav .nav-link.active::before{transform:scaleX(1)}

/* Dropdown skins (shared) */
.ote-navbar .dropdown-menu{background:#141419;border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--red);
  border-radius:12px;padding:.4rem;box-shadow:0 24px 48px rgba(0,0,0,.5)}
.ote-navbar .dropdown-item{color:#c9ccd1;border-radius:8px;padding:.55rem .9rem;font-size:.9rem;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:.25s}
.ote-navbar .dropdown-item:hover,.ote-navbar .dropdown-item:focus{background:rgba(200,16,46,.16);color:#fff;padding-left:1.15rem}
.ote-navbar .dropdown-divider{border-color:rgba(255,255,255,.08)}
.menu-cta{font-family:var(--font-01);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--red)!important}
.sub-arrow{font-size:.7rem;color:var(--red);transition:transform .3s}
.show>.dropdown-toggle .sub-arrow{transform:rotate(90deg)}


/* Mobile: indented accordion submenus */
@media (max-width:991.98px){
  .navbar-collapse{background:#0d0d11;padding:1rem;border-top:1px solid rgba(255,255,255,.06);max-height:72vh;overflow-y:auto}
  .ote-navbar .dropdown-menu{background:rgba(255,255,255,.02);border:none;border-left:2px solid var(--red);border-radius:8px;
    margin:.2rem 0 .5rem .9rem;box-shadow:none}
  .btn-emergency{width:100%;justify-content:center}
}
/* Desktop: flyouts (level 2 → right, level 3 → right…) */
@media (min-width:992px){
  .navbar-nav .dropdown,.navbar-nav .dropdown-submenu{position:relative}
  .navbar-nav .dropdown-menu{position:absolute;top:100%;min-width:250px;animation:menuIn .28s ease both}
  .navbar-nav .dropdown-submenu>.dropdown-menu{top:-8px;left:100%;margin-left:2px}
  .navbar-nav .fly-left>.dropdown-menu{left:auto;right:100%;margin:0 2px 0 0} /* add .fly-left if a submenu hits the right edge */
  .navbar-nav .dropdown-menu.show{display:block}
}
@keyframes menuIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}