/* TCI shared mobile + tablet navigation (<=1200px). Loaded last on every page.
   One light panel that fades in (never parked off-screen, which made phones render the page at double width),
   full-width rows, tap-to-open accordions. */
@media (max-width:1200px){
  html,body{overflow-x:clip}
  .nav__in{flex-wrap:nowrap !important}
  .nav__burger{display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 44px !important;width:44px !important;height:44px !important;margin-left:.5rem !important;order:10}
  .nav__burger svg{width:24px !important;height:24px !important}
  .nav__links{
    position:fixed !important;top:var(--nav-h,64px) !important;left:0 !important;right:0 !important;bottom:0 !important;
    width:auto !important;height:auto !important;max-height:none !important;
    display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;justify-content:flex-start !important;gap:0 !important;
    background:#fff !important;color:#181818 !important;padding:.5rem 1.25rem 2.5rem !important;
    overflow-y:auto !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:60 !important;border:0 !important;
    transform:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
    transition:opacity .2s ease,visibility 0s linear .2s !important
  }
  .nav__links.open, body.nav-open .nav__links{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transition:opacity .2s ease !important}
  .nav__links > ul, .nav__list{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:0 !important;width:100% !important;margin:0 !important;padding:0 !important}
  .nav__links li, .nav__item, .nav__item--mega{width:100% !important;position:static !important;display:block !important;flex:none !important;text-align:left !important}
  .nav__links .nav__link, .nav__links > a, .nav__links li > a, .nav__link--mega{
    display:flex !important;align-items:center;justify-content:space-between !important;width:100% !important;text-align:left !important;
    padding:1rem .25rem !important;font-size:1.05rem !important;font-weight:600 !important;color:#181818 !important;background:transparent !important;
    border:0 !important;border-bottom:1px solid rgba(24,24,24,.1) !important;border-radius:0 !important;white-space:normal !important
  }
  .nav__links a::after{display:none !important}
  .nav__link--mega::after{display:inline-block !important;margin-left:auto}
  .nav__item--mega > .mega{
    position:static !important;transform:none !important;left:auto !important;right:auto !important;top:auto !important;
    width:100% !important;min-width:0 !important;max-width:none !important;margin:0 !important;
    background:transparent !important;color:#181818 !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;
    padding:.5rem 0 1rem .25rem !important;grid-template-columns:1fr 1fr !important;gap:.25rem 1.5rem !important;
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important
  }
  .nav__item--mega:not(.nav__item--open) > .mega{display:none !important}
  .nav__item--mega.nav__item--open > .mega{display:grid !important}
  .nav__links .mega a{display:flex !important;justify-content:flex-start !important;align-items:flex-start;gap:.6rem;width:100% !important;padding:.6rem .35rem !important;border:0 !important;font-size:.95rem !important;font-weight:500 !important;color:#181818 !important}
  .nav__links .mega a b{color:#181818 !important}
  .nav__links .mega a small, .nav__links .mega a span small{color:#6b6660 !important}
  .nav__links .mega h4{color:#8a847c !important;margin:.5rem 0 .15rem .35rem !important}
  .nav__links .mega__foot{border-top:1px solid rgba(24,24,24,.1) !important;flex-wrap:wrap;gap:.25rem 1rem}
  .nav__links .mega__foot a{font-weight:700 !important;width:auto !important}
  .nav__links .mega img{max-width:100%;height:auto;border-radius:10px}
  body.mega-open::before{display:none !important}
}
@media (max-width:640px){
  .nav__item--mega > .mega{grid-template-columns:1fr !important}
}

@media (max-width:1200px){
  body.nav-open .nav, .nav:has(.nav__links.open){backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  .nav__links{height:calc(100dvh - var(--nav-h,64px)) !important}
  .nav__drawer-portal{display:none !important}
}
@media (max-width:900px){
  .nav__in > .nav__portal, .nav__portal{display:none !important}
  .nav__drawer-portal{display:block !important}
  .nav__drawer-portal a{color:var(--accent,#181818) !important}
}

@media (max-width:1200px){
  .nav__links{top:var(--drawer-top,var(--nav-h,64px)) !important;height:calc(100dvh - var(--drawer-top,var(--nav-h,64px))) !important}
  .nav__links li.nav__drawer-portal, .nav__links div.nav__drawer-portal{display:none !important}
}
@media (max-width:900px){
  header .nav__in a.nav__portal, header a.nav__portal{display:none !important}
  .nav__links li.nav__drawer-portal, .nav__links div.nav__drawer-portal{display:block !important}
}

@media (min-width:1201px){ .nav__links li.nav__drawer-portal, .nav__links div.nav__drawer-portal, .nav__drawer-portal{display:none !important} }