.vx-crumbs{container-type:inline-size;font-family:var(--font-label);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.vx-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.vx-crumbs li{display:flex;align-items:center;gap:4px;color:var(--text-muted)}
.vx-crumbs a{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
.vx-crumbs a:hover{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent)}
.vx-crumbs [aria-current]{color:var(--text-primary)}
.vx-crumbs .vx-crumbs__back{display:none}
@container (max-width:480px){.vx-crumbs ol{display:none}.vx-crumbs .vx-crumbs__back{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--text-secondary);text-decoration:none}}
/* Header */
.vx-header{position:sticky;top:0;z-index:var(--z-header);container-type:inline-size;font-family:var(--font-body)}
.vx-header__utility{background:var(--carbon-1000);border-bottom:1px solid var(--border-subtle);height:36px;display:flex;align-items:center}
.vx-header__inner{display:flex;align-items:center;gap:24px;width:100%;max-width:calc(var(--grid-content) + 96px);margin:0 auto;padding:0 48px}
.vx-header__utility .vx-header__inner{justify-content:space-between;font-size:12.5px;color:var(--text-muted)}
.vx-header__ulinks{display:flex;align-items:center;gap:20px}
.vx-header__ulinks a{color:var(--text-secondary);text-decoration:none;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:12px}
.vx-header__ulinks a:hover{color:var(--white)}
.vx-header__main{background:rgba(14,15,17,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);height:72px;display:flex;align-items:center;position:relative}
.vx-header__logo{display:flex;align-items:center;flex:none;margin-right:12px}
.vx-header__nav{display:flex;align-items:stretch;height:72px;gap:2px;margin-right:auto}
.vx-navitem{position:relative;display:flex;align-items:center;gap:4px;height:100%;padding:0 14px;border:0;background:none;color:var(--text-primary);font-family:var(--font-label);font-size:14.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:nowrap}
.vx-navitem::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
.vx-navitem:hover::after,.vx-navitem[aria-expanded="true"]::after,.vx-navitem.is-current::after{transform:scaleX(1)}
.vx-navitem .vx-icon{color:var(--text-muted);transition:transform var(--dur-base) var(--ease-out)}
.vx-navitem[aria-expanded="true"] .vx-icon{transform:rotate(180deg);color:var(--text-primary)}
.vx-navitem:focus-visible{outline:2px solid var(--focus-color);outline-offset:-6px}
.vx-header__actions{display:flex;align-items:center;gap:8px;flex:none}
.vx-header__burger{display:none}
.vx-header__dealer-mobile{display:none}
.vx-mega{position:absolute;left:0;right:0;top:100%;background:var(--carbon-900);border-bottom:1px solid var(--border-default);box-shadow:var(--elev-3);animation:vx-fade var(--dur-base) var(--ease-out)}
.vx-mega__inner{max-width:calc(var(--grid-content) + 96px);margin:0 auto;padding:32px 48px 28px}
.vx-mega__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.vx-mega__col{padding:0 24px;border-left:1px solid var(--border-subtle)}
.vx-mega__col:first-child{padding-left:0;border-left:0}
.vx-mega__colhead{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}
.vx-mega__colhead h3{font-family:var(--font-display);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin:0;color:var(--white)}
.vx-mega__colhead span{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.vx-mega__arrow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:10px 10px;margin:0 -10px;text-decoration:none;color:var(--text-primary);border-radius:var(--radius-1);min-height:44px;transition:background-color var(--dur-fast) var(--ease-precise)}
.vx-mega__arrow:hover,.vx-mega__arrow:focus-visible{background:var(--carbon-850);color:var(--white)}
.vx-mega__arrow:hover .vx-shaft--thumb{transform:translateX(4px)}
.vx-mega__arrow .vx-shaft--thumb{grid-column:1/-1;width:100%;transition:transform var(--dur-base) var(--ease-out)}
.vx-mega__name{font-family:var(--font-display);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.vx-mega__uses{display:flex;gap:4px;color:var(--text-muted)}
.vx-mega__foot{display:flex;gap:28px;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.vx-mega__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 32px}
.vx-mega__link{display:flex;gap:14px;padding:14px 12px;margin:0 -12px;text-decoration:none;color:var(--text-primary);border-radius:var(--radius-1);min-height:44px}
.vx-mega__link:hover{background:var(--carbon-850)}
.vx-mega__link .vx-icon{color:var(--text-accent);margin-top:2px}
.vx-mega__link strong{display:block;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;font-size:14.5px;margin-bottom:2px}
.vx-mega__link span{display:block;font-size:14px;color:var(--text-muted);line-height:1.45}
.vx-mobnav{display:none}
@container (max-width:1100px){.vx-navitem{padding:0 10px;font-size:13.5px}.vx-navitem::after{left:10px;right:10px}}
@container (max-width:960px){
.vx-header__utility{display:none}
.vx-header__main{height:60px}
.vx-header__inner{padding:0 12px 0 20px;gap:8px}
.vx-header__nav,.vx-header__dealer{display:none}
.vx-header__burger{display:inline-grid}
.vx-mega{display:none}
.vx-header__logo img{height:26px!important}
.vx-header__dealer-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(14,15,17,.96);border-top:1px solid var(--border-default)}
.vx-header--contained .vx-header__dealer-mobile{position:static}
.vx-mobnav{display:block;position:absolute;top:60px;left:0;right:0;height:calc(100vh - 60px);overflow:auto;background:var(--carbon-950);border-top:1px solid var(--border-subtle);animation:vx-fade var(--dur-base) var(--ease-out)}
.vx-header--contained .vx-mobnav{position:static;height:auto}
}
.vx-mobnav__sec{border-bottom:1px solid var(--border-subtle)}
.vx-mobnav__btn{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:56px;padding:0 20px;background:none;border:0;color:var(--white);font-family:var(--font-display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;text-decoration:none}
.vx-mobnav__btn .vx-icon{transition:transform var(--dur-base) var(--ease-out);color:var(--text-muted)}
.vx-mobnav__btn[aria-expanded="true"] .vx-icon{transform:rotate(180deg)}
.vx-mobnav__panel{padding:0 20px 16px}
.vx-mobnav__group{font-family:var(--font-label);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin:14px 0 4px}
.vx-mobnav__arrow{display:flex;align-items:center;gap:14px;min-height:48px;color:var(--text-primary);text-decoration:none;font-weight:600}
.vx-mobnav__arrow .vx-shaft--thumb{flex:none}
.vx-mobnav__link{display:flex;align-items:center;min-height:44px;color:var(--text-secondary);text-decoration:none}
.vx-mobnav__util{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:16px 20px 120px}
.vx-mobnav__util a{min-height:44px;display:flex;align-items:center;color:var(--text-muted);text-decoration:none;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}
/* Footer */
.vx-footer{container-type:inline-size;background:var(--carbon-weave);background-color:var(--carbon-1000);background-size:var(--carbon-tile);border-top:1px solid var(--border-subtle);color:var(--text-secondary)}
.vx-footer__inner{max-width:calc(var(--grid-content) + 96px);margin:0 auto;padding:64px 48px 0}
.vx-footer__top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;padding-bottom:48px}
.vx-footer__brand p{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:24px;color:var(--white);margin:20px 0 24px;letter-spacing:.01em}
.vx-footer__news{display:flex;gap:8px;max-width:420px}
.vx-footer__news .vx-field{flex:1}
.vx-footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vx-footer__cols h4{font-family:var(--font-label);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--white);margin:0 0 12px;font-weight:700}
.vx-footer__cols ul{list-style:none;margin:0;padding:0}
.vx-footer__cols a{display:flex;align-items:center;min-height:36px;color:var(--text-muted);text-decoration:none;font-size:15px}
.vx-footer__cols a:hover{color:var(--white)}
.vx-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted)}
.vx-footer__social{display:flex;gap:4px}
.vx-footer__legal{display:flex;gap:20px;flex-wrap:wrap}
.vx-footer__legal a{color:var(--text-muted);text-decoration:none}
.vx-footer__legal a:hover{color:var(--white)}
@container (max-width:900px){.vx-footer__top{grid-template-columns:minmax(0,1fr)}.vx-footer__inner{padding:48px 20px 80px}.vx-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.vx-footer__cols a{min-height:44px}}

/* TC fix: keep the full desktop header inside the viewport from 961px to 1279px */
@container (min-width:961px) and (max-width:1279px){.vx-header__inner{padding:0 24px;gap:14px}.vx-header__logo{margin-right:0}
.vx-navitem{padding:0 9px;font-size:13px;letter-spacing:.05em}.vx-navitem::after{left:9px;right:9px}.vx-header__actions{gap:4px}}
@container (min-width:961px) and (max-width:1120px){.vx-navitem{padding:0 7px;font-size:12px;letter-spacing:.04em;gap:2px}.vx-navitem::after{left:7px;right:7px}
.vx-header__dealer{padding-left:14px;padding-right:14px}}
@container (min-width:961px) and (max-width:1010px){.vx-header__dealer .vx-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vx-header__dealer{width:44px;padding:0;justify-content:center}}