/* Trailers Hobby navigation. Scoped to avoid page-specific CSS conflicts. */
html.th-navigation-page{--th-navigation-height:127px;scroll-padding-top:calc(var(--th-navigation-height) + 20px)}
/* Keep existing sticky article panels and delivery filters below the new header. */
html.th-navigation-page :is(.knowledge-sidebar,.aside-card,aside.toc,aside.sidebar,.spec-copy),html.th-navigation-page #faq-local .section-head{top:calc(var(--th-navigation-height) + 24px)}
html.th-navigation-page .filters{top:var(--th-navigation-height)}
#th-site-header,#th-site-menu{--th-nav-yellow:#ffd335;--th-nav-ink:#16201d;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;color:var(--th-nav-ink)}
#th-site-header *,#th-site-header *::before,#th-site-header *::after{box-sizing:border-box}
#th-site-header{position:sticky;inset:0 auto auto;z-index:40;display:block;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;border:0;background:var(--th-nav-yellow);backdrop-filter:none;overflow:visible;isolation:isolate;transition:background-color .24s,box-shadow .24s}
#th-site-header.is-scrolled{background:#fff;box-shadow:0 5px 24px #16201d12}
#th-site-header a,#th-site-header button,#th-site-header summary{color:inherit;font:inherit;letter-spacing:normal;text-transform:none;text-decoration:none;overflow-wrap:normal;word-break:normal;-webkit-tap-highlight-color:transparent}
#th-site-header a{border:0;margin:0;background:none;box-shadow:none}
#th-site-header button{width:auto;height:auto;min-width:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent;cursor:pointer;border-radius:0;appearance:none}
#th-site-header a:focus-visible,#th-site-header button:focus-visible,#th-site-header summary:focus-visible{outline:3px solid #285bbc;outline-offset:4px}
#th-site-header svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#th-site-header img{display:block;max-width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;filter:none}
#th-site-header [hidden]{display:none!important}
#th-site-header .th-container{width:min(1280px,calc(100% - 80px));max-width:none;margin:0 auto;padding:0}
#th-site-header .th-main{height:78px;display:flex;align-items:center;justify-content:normal;gap:38px}
#th-site-header .th-brand{flex:0 0 auto;display:flex;align-items:center;padding:0}
#th-site-header .th-brand img{width:216px;height:auto;object-fit:contain}
#th-site-header .th-primary{display:flex;align-items:center;flex-wrap:nowrap;gap:28px;margin:0 0 0 auto;padding:0;border:0;background:none;font-size:15px;font-weight:600;white-space:nowrap}
#th-site-header .th-primary>a,#th-site-header .th-split>a{min-height:46px;display:flex;align-items:center;position:relative;padding:0;font-weight:600}
#th-site-header .th-primary>a::after,#th-site-header .th-split>a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--th-nav-ink);transform:scaleX(0);transform-origin:left;transition:transform .18s}
#th-site-header .th-primary>a:hover::after,#th-site-header .th-split>a:hover::after,#th-site-header .th-primary [aria-current]::after,#th-site-header .th-primary [data-th-active]::after{transform:scaleX(1)}
#th-site-header .th-contact{background:var(--th-nav-ink);color:#fff;min-height:46px;border-radius:7px;padding:0 19px;display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:700;white-space:nowrap;transition:background .18s}
#th-site-header .th-contact:hover{background:#33453d}#th-site-header .th-contact>span{margin-left:4px}
#th-site-header .th-secondary{display:block;margin:0;padding:0;border:0;border-top:1px solid #16201d1c;background:none}
#th-site-header .th-secondary .th-container{height:48px;display:flex;flex-wrap:nowrap;gap:34px;align-items:center;justify-content:center}
#th-site-header .th-secondary a{display:flex;align-items:center;gap:9px;min-height:42px;padding:0;font-size:14px;font-weight:500;white-space:nowrap}
#th-site-header .th-secondary a:hover,#th-site-header .th-secondary a[aria-current],#th-site-header .th-secondary a[data-th-active]{text-decoration:underline;text-underline-offset:5px}
#th-site-header .th-split{display:flex;align-items:center;gap:1px}
#th-site-header .th-split button{width:32px;height:44px;display:none;place-items:center;border-radius:5px}
.th-navigation-ready #th-site-header .th-split button{display:grid}
#th-site-header .th-split button:hover{background:#16201d0c}
#th-site-header .th-split svg{width:17px;height:17px;transition:transform .18s}
#th-site-header .th-split button[aria-expanded=true] svg{transform:rotate(180deg)}
#th-site-header .th-models{position:relative}
#th-site-header .th-dropdown{position:absolute;top:calc(100% + 12px);left:-28px;z-index:2;background:#fff;width:344px;padding:14px;border:1px solid #e6e8e3;border-radius:12px;box-shadow:0 20px 50px #14271d26;white-space:normal}
#th-site-header .th-label{font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.12em;color:#59645d;padding:4px 10px 10px;margin:0}
#th-site-header .th-dropdown>a{display:flex;align-items:center;gap:14px;padding:15px 10px;border-radius:7px}
#th-site-header .th-dropdown>a:hover,#th-site-header .th-dropdown>a[aria-current]{background:#f4f5ef}
#th-site-header .th-model-number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#fff5cb;border:1px solid #f2e5ae;font-size:12px;border-radius:6px}
#th-site-header .th-dropdown strong{display:block;font-size:15px;font-weight:600;line-height:1.4}
#th-site-header .th-dropdown small{display:block;font-size:12px;line-height:1.4;font-weight:400;color:#59645d;margin-top:6px}
#th-site-header .th-dropdown>a>span:last-child{margin-left:auto}
#th-site-header .th-dropdown .th-all-models{margin-top:8px;background:#f5f6f1;justify-content:space-between;font-size:13px;border-top:1px solid #e8eae3}
#th-site-header .th-menu-button{display:none}
#th-site-menu{position:fixed;inset:0 0 0 auto;width:min(420px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0 24px 26px;border:0;border-radius:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;box-shadow:-15px 0 60px #0002;z-index:auto}
#th-site-menu:not([open]){display:none}#th-site-menu[open]{display:block;animation:th-drawer-in .2s ease-out}
#th-site-menu::backdrop{background:#10201ca8;backdrop-filter:blur(3px)}
#th-site-menu .th-drawer-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 18px;margin:0;background:#fff;border-bottom:1px solid #e5e8e3}
#th-site-menu .th-drawer-heading h2{font-family:inherit;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.4px;margin:0;padding:0;color:inherit}
#th-site-menu .th-drawer-heading button{width:44px;height:44px;flex-shrink:0;background:#f1f3ee;border-radius:50%;display:grid;place-items:center}
#th-site-menu .th-drawer-links{display:block;margin:0;padding:10px 0 22px;background:none;border:0}
#th-site-menu .th-drawer-links>a,#th-site-menu .th-drawer-links summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0;padding:12px 2px;border:0;border-bottom:1px solid #edf0e8;font-size:15px;font-weight:600;line-height:1.4;background:none;border-radius:0}
#th-site-menu .th-drawer-links>a>span{color:#69756b;font-weight:400}
#th-site-menu .th-drawer-links>a:hover,#th-site-menu .th-drawer-links>a[aria-current]{background:#f7f8f1}
#th-site-menu details{display:block;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#th-site-menu .th-drawer-links summary{list-style:none;cursor:pointer}
#th-site-menu .th-drawer-links summary::-webkit-details-marker{display:none}
#th-site-menu .th-drawer-links summary::after,#th-site-menu .th-drawer-links summary::before{content:none}
#th-site-menu .th-drawer-links details[open] summary>span{transform:rotate(45deg)}
#th-site-menu .th-drawer-models{padding:8px 12px;background:#f7f8f1;border-radius:6px}
#th-site-menu .th-drawer-models a{display:flex;align-items:center;min-height:44px;padding:0;font-size:14px}
#th-site-menu .th-drawer-models a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
#th-site-menu .th-drawer-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:var(--th-nav-yellow);border-radius:8px;font-size:15px;font-weight:700}
#th-site-header .th-noscript{display:none}
@keyframes th-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1200px) and (min-width:1121px){#th-site-header .th-container{width:calc(100% - 64px)}#th-site-header .th-main{gap:26px}#th-site-header .th-primary{gap:24px}#th-site-header .th-secondary .th-container{gap:25px}#th-site-header .th-brand img{width:200px}}
@media(max-width:1120px){html.th-navigation-page{--th-navigation-height:72px}#th-site-header .th-primary,#th-site-header .th-secondary,#th-site-header .th-contact{display:none}#th-site-header .th-main{height:72px;justify-content:space-between;gap:20px}#th-site-header .th-brand img{width:200px}.th-navigation-ready #th-site-header .th-menu-button{display:flex;align-items:center;gap:13px;min-height:44px;padding:0 8px;font-size:14px;font-weight:600}#th-site-header .th-noscript{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 20px;max-height:45vh;overflow:auto;border-top:1px solid #16201d1c}#th-site-header .th-noscript a{display:flex;align-items:center;min-height:44px;font-size:14px}}
@media(max-width:700px){#th-site-header .th-container{width:calc(100% - 40px)}#th-site-header .th-brand img{width:177px}#th-site-header .th-main{gap:12px}.th-navigation-ready #th-site-header .th-menu-button{gap:8px;padding:0 4px}}
@media(max-width:350px){#th-site-header .th-container{width:calc(100% - 28px)}#th-site-header .th-brand img{width:155px}.th-navigation-ready #th-site-header .th-menu-button{font-size:13px}#th-site-menu{padding-inline:20px}#th-site-menu .th-drawer-links>a,#th-site-menu .th-drawer-links summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){html.th-navigation-page{scroll-behavior:auto}#th-site-header,#th-site-header *,#th-site-header *::before,#th-site-header *::after{animation:none!important;transition:none!important}}
