/* TCI Mouldings mobile + tablet navigation (<=1200px). Loaded last on every page.
   One light panel that fades in (never parked off-screen), 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}
  body.nav-open .nav, .nav:has(.nav__links.open){backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  .nav__links{
    position:fixed !important;top:var(--drawer-top,var(--nav-h,64px)) !important;left:0 !important;right:0 !important;bottom:auto !important;
    width:auto !important;height:calc(100dvh - var(--drawer-top,var(--nav-h,64px))) !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 > .nav__item{width:100% !important;position:static !important;display:block !important;flex:none !important}
  .nav__links > .nav__link, .nav__links .nav__trigger{
    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 > .nav__link[aria-current="page"]{color:#2c8a69 !important}
  .nav__links a::after{display:none !important;content:none !important}
  .nav__trigger .nav__caret{transition:transform .18s ease}
  .nav__item--open .nav__trigger .nav__caret{transform:rotate(180deg)}
  .nav__item--has-dd > .dd{
    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;opacity:1 !important;visibility:visible !important;pointer-events:auto !important
  }
  .nav__item--has-dd:not(.nav__item--open) > .dd{display:none !important}
  .nav__item--has-dd.nav__item--open > .dd{display:block !important}
  .nav__links .dd__grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:.25rem 1.5rem !important;width:100% !important;padding:0 !important}
  .nav__links .dd__col{min-width:0 !important}
  .nav__links .dd__item{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;color:#181818 !important;background:transparent !important}
  .nav__links .dd__label{color:#181818 !important;font-weight:600 !important}
  .nav__links .dd__sub{color:#6b6660 !important}
  .nav__links .dd__ico{color:#2c8a69 !important}
  .nav__links .dd__head{color:#8a847c !important;margin:.5rem 0 .15rem .35rem !important}
  .nav__links .dd a:not(.dd__item){color:#181818 !important}
  .nav__links .dd img{max-width:100%;height:auto;border-radius:10px}
  .nav__links > a.nav__link.nav__drawer-portal{display:none !important}
}
@media (max-width:640px){ .nav__links .dd__grid{grid-template-columns:1fr !important} }
@media (max-width:900px){
  header a.nav__portal{display:none !important}
  .nav__links > a.nav__link.nav__drawer-portal{display:flex !important;color:#2c8a69 !important}
}
@media (min-width:1201px){ .nav__drawer-portal{display:none !important} }