/* Floating navigation and a three-part mega menu, tailored to MOTOR's catalogue. */
#header{position:relative;z-index:60}.motor-nav-anchor{height:76px;padding:0 32px 12px;background:var(--paper)}.motor-nav-shell{display:flex;align-items:center;gap:20px;max-width:1380px;margin:0 auto;padding:0 18px;height:64px;border:1px solid #dce5dd;background:#fff;border-radius:12px;box-shadow:0 5px 20px #243e2905;position:relative;z-index:102}.motor-primary-nav{display:flex;align-items:center;gap:25px;flex:1;min-width:0}.motor-primary-nav>a,.motor-primary-nav>button{font-size:15px;font-weight:600;line-height:1.3;color:#2e4435;min-height:54px;background:transparent;border:0;padding:10px 0;display:flex;align-items:center;gap:6px;white-space:nowrap}.motor-primary-nav>a:hover,.motor-primary-nav>button:hover,.motor-primary-nav>[aria-expanded=true]{color:#08796d}.motor-chevron{font-size:18px;color:#849487;transition:transform .2s}.motor-primary-nav>[aria-expanded=true] .motor-chevron{transform:rotate(180deg)}.motor-nav-brand{display:none;width:122px;flex-shrink:0}.motor-nav-brand img{display:block;width:122px;height:30px;object-fit:contain}.motor-nav-cta{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#163f31;color:#fff;border-radius:7px;min-height:43px;padding:10px 16px;font-size:15px;font-weight:600}.motor-nav-cta:hover{background:#08796d}.motor-tv-link{margin-left:auto}.motor-tv-link .icon{width:16px;height:16px;color:var(--red)}.motor-nav-shell.is-floating{position:fixed;top:14px;left:32px;right:32px;width:calc(100% - 64px);padding:0 18px;box-shadow:0 12px 42px #203a2729;background:#fffffffa;backdrop-filter:blur(14px);animation:motor-nav-arrive .25s ease-out}.motor-nav-shell.is-floating .motor-nav-brand{display:flex}.motor-nav-shell.is-floating .motor-primary-nav{gap:19px}.motor-nav-shell.is-floating .motor-primary-nav>a,.motor-nav-shell.is-floating .motor-primary-nav>button{font-size:14px}.motor-menu-backdrop{position:fixed;inset:0;background:#18322526;backdrop-filter:blur(4px);z-index:99}.motor-menu-backdrop[hidden],.motor-mega[hidden]{display:none!important}.motor-mega{position:fixed;top:var(--menu-top,240px);left:50%;transform:translateX(-50%);z-index:103;width:min(1120px,calc(100vw - 80px));max-height:calc(100dvh - var(--menu-top,240px) - 24px);overflow-y:auto;border:1px solid #e2e8e3;border-radius:21px;box-shadow:0 25px 65px #18332332;background:#fff;padding:21px;animation:motor-menu-arrive .2s ease-out}.motor-mega-open{overflow:hidden}.motor-mega-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 6px 17px}.motor-mega-top>div>span{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#809187}.motor-mega-top h2{font-family:Manrope,'Hind Siliguri',sans-serif;font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:5px 0 0}.motor-mega-top>button{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border:1px solid #e1e8e3;background:#fff;border-radius:50%;color:#586e5e}.motor-mega-top>button:hover{background:#edf4ee}.motor-mega-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:20px;align-items:stretch}.motor-mega-categories{display:flex;flex-direction:column;gap:7px;background:#f0f4f1;border-radius:13px;padding:12px;min-width:0}.motor-mega-categories>button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;padding:15px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6d7d73;font-size:16px;font-weight:650;line-height:1.4;min-height:53px}.motor-mega-categories>button[aria-pressed=true]{color:#193e2b;background:#fff;border-color:#e3ebe4;box-shadow:0 3px 9px #264f3105}.motor-mega-categories>button:hover{background:#ffffffab}.motor-mega-categories .motor-menu-all{margin-top:auto;font-size:14px;font-weight:600;line-height:1.5;color:#08796d;padding:14px 13px}.motor-mega-links{padding:3px 0;display:flex;flex-direction:column;min-width:0}.motor-mega-label{font-size:14px;color:#84968b;font-weight:650;letter-spacing:.2px;padding:4px 8px 12px}.motor-mega-links>a,.motor-mega-links>button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;background:transparent;border:0;border-bottom:1px solid #e7ece8;padding:13px 8px;font-size:16px;color:#324c3c;line-height:1.5;min-height:46px}.motor-mega-links>a:last-child,.motor-mega-links>button:last-child{border-bottom:0}.motor-mega-links>a>span:last-child,.motor-mega-links>button>span:last-child{color:#afbeb4;font-size:17px;flex-shrink:0}.motor-mega-links>a:hover,.motor-mega-links>button:hover{background:#f6faf6;color:#08796d}.motor-mega-feature{background:linear-gradient(155deg,#ebf5e9,#a2c9ae 60%,#1c6d4b);border:1px solid #d1e0d4;border-radius:13px;overflow:hidden;padding:22px;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:330px}.motor-mega-feature>img{display:block;width:100%;height:145px;object-fit:cover;border-radius:7px;margin-bottom:20px}.motor-mega-feature>span{font-size:12px;letter-spacing:1px;color:#345c41;font-weight:700}.motor-mega-feature h3{font-family:Manrope,'Hind Siliguri',sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:10px 0 25px;max-width:250px;color:#193e2b;font-weight:700}.motor-mega-feature>a{display:flex;align-items:center;justify-content:center;gap:15px;align-self:flex-start;margin-top:auto;background:#163c2c;color:#fff;padding:11px 18px;border-radius:24px;font-size:15px;min-height:45px}.motor-mega-feature>a:hover{background:#0b2a1d}.motor-mega-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:17px;padding:15px 7px 1px;border-top:1px solid #e7eee8;font-size:14px;color:#819286}.motor-mega-bottom>a{color:#3a6a4b;font-size:14px;font-weight:600}.motor-mobile-categories,.motor-mobile-dock{display:none}.motor-primary-nav a:focus-visible,.motor-primary-nav button:focus-visible,.motor-mega a:focus-visible,.motor-mega button:focus-visible,.motor-mobile-dock>*:focus-visible{outline:2px solid #08796d;outline-offset:3px}.motor-mega .motor-mega-top>div>span,.motor-mega .motor-mega-feature>span{font-size:14px;letter-spacing:.5px}@keyframes motor-nav-arrive{from{opacity:.4;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes motor-menu-arrive{from{opacity:.5;margin-top:-6px}to{opacity:1;margin-top:0}}
@media(min-width:1101px){.headutils [data-open-motor-menu]{display:none!important}}
@media(max-width:1280px) and (min-width:1101px){.motor-primary-nav{gap:18px}.motor-primary-nav>a,.motor-primary-nav>button{font-size:14px}.motor-nav-shell{gap:14px;padding:0 14px}.motor-nav-shell.is-floating .motor-primary-nav{gap:13px}.motor-nav-shell.is-floating .motor-primary-nav>a,.motor-nav-shell.is-floating .motor-primary-nav>button{font-size:14px}.motor-nav-shell.is-floating .motor-nav-brand{width:105px}.motor-nav-brand img{width:105px}.motor-nav-cta{font-size:14px;padding:10px 13px}.motor-mega-grid{grid-template-columns:250px minmax(0,1fr) 270px}}
@media(max-width:1100px){.motor-nav-anchor{display:none}.headutils [data-open-motor-menu]{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d7e3da;border-radius:6px;background:#fff}.motor-mega{top:14px!important;width:calc(100% - 32px);max-height:calc(100dvh - 28px);padding:19px;border-radius:15px}.motor-mega-grid{grid-template-columns:220px minmax(0,1fr);gap:18px}.motor-mega-feature{display:none}.motor-mega-top h2{font-size:23px}.motor-mobile-categories{display:flex;overflow:auto;gap:8px;padding:0 0 16px;scrollbar-width:none}.motor-mobile-categories button{font-size:14px;white-space:nowrap;padding:9px 14px;border:1px solid #d9e5dc;border-radius:5px;background:#fff;min-height:41px;color:#58705e}.motor-mobile-categories button[aria-pressed=true]{background:#1c513a;color:#fff;border-color:#1c513a}}
@media(max-width:760px){.motor-mega{padding:17px 14px;width:calc(100% - 24px);max-height:calc(100dvh - 28px);border-radius:14px}.motor-mega-top{padding:0 0 17px}.motor-mega-top h2{font-size:21px;line-height:1.5}.motor-mega-grid{grid-template-columns:1fr;gap:13px}.motor-mega-categories{display:flex;flex-direction:row;overflow:auto;padding:7px;gap:6px;border-radius:7px;scrollbar-width:none}.motor-mega-categories>button{font-size:14px;padding:10px 11px;min-height:42px;flex-shrink:0;white-space:nowrap;border-radius:5px}.motor-mega-categories>button>span:last-child{display:none}.motor-mega-categories .motor-menu-all{display:none}.motor-mega-links>a,.motor-mega-links>button{font-size:16px;padding:13px 7px;min-height:48px}.motor-mega-label{font-size:14px;padding:3px 7px 10px}.motor-mega-bottom{font-size:14px;align-items:flex-start;gap:12px;line-height:1.7;margin-top:12px;padding-top:12px}.motor-mega-bottom>span{max-width:140px}.motor-mega-bottom>a{font-size:14px;max-width:140px;text-align:right}.motor-mobile-dock{position:fixed;z-index:55;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#fffffff5;border:1px solid #d1dfd5;border-radius:15px;box-shadow:0 9px 32px #203d2730;backdrop-filter:blur(15px);padding:7px 5px}.motor-mobile-dock>a,.motor-mobile-dock>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:48px;padding:3px;background:transparent;border:0;border-radius:8px;color:#4c6855;position:relative;font-size:14px}.motor-mobile-dock span{font-size:14px;line-height:1.4}.motor-mobile-dock .icon{width:20px;height:20px}.motor-mobile-dock b{position:absolute;top:0;right:18px;border-radius:50%;width:17px;height:17px;background:#174932;color:#fff;font-size:11px;line-height:17px;text-align:center}.motor-mobile-dock>a:hover,.motor-mobile-dock>button:hover{background:#edf5ee;color:#08796d}.motor-mega-open .motor-mobile-dock{visibility:hidden}.comparetray{bottom:94px!important}.sitefooter .footerbottom{padding-bottom:110px}.toast{bottom:100px}}
@media(prefers-reduced-motion:reduce){.motor-nav-shell,.motor-mega{animation:none!important}.motor-chevron{transition:none}}

@media(min-width:1101px){.motor-nav-floated .finder-shell .filters{top:96px;max-height:calc(100vh - 112px)}.motor-nav-floated .model-dossier .dossier-nav{top:90px}.model-dossier .detailsection,.model-dossier #key-specs,.model-dossier #dossier-gallery{scroll-margin-top:170px}}

/* The header stays in the document; a separate desktop dock sits at the bottom. */
.motor-desktop-dock{display:none}
@media(min-width:1101px){
.motor-desktop-dock{display:flex;align-items:center;justify-content:center;gap:22px;position:fixed;z-index:102;bottom:22px;left:50%;transform:translate(-50%,18px);width:max-content;max-width:calc(100vw - 48px);padding:10px 14px 10px 20px;border:1px solid #d6e3da;border-radius:16px;background:#fffffffa;box-shadow:0 12px 48px #183b3033;backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
.motor-desktop-dock.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.motor-desktop-dock>a,.motor-desktop-dock>button{display:flex;align-items:center;gap:6px;white-space:nowrap;border:0;background:transparent;font-size:14px;font-weight:650;color:#294836;padding:9px 0;min-height:42px}
.motor-desktop-dock>a:hover,.motor-desktop-dock>button:hover{color:#08796d}
.motor-desktop-dock .motor-dock-logo{padding-right:16px;border-right:1px solid #dce5df}.motor-dock-logo img{width:110px;height:28px;object-fit:contain}
.motor-desktop-dock .motor-dock-find{background:#163f31;color:white;padding:10px 15px;border-radius:8px}
.motor-mega.from-bottom-dock{top:auto;bottom:104px;max-height:calc(100dvh - 124px)}
.comparetray{bottom:104px!important}.sitefooter .footerbottom{padding-bottom:112px}
}
@media(max-width:1280px) and (min-width:1101px){.motor-desktop-dock{gap:15px}.motor-dock-logo img{width:96px}}
@media(max-width:1100px){.motor-desktop-dock,.motor-mobile-dock{display:none!important}.comparetray{bottom:18px!important}.sitefooter .footerbottom{padding-bottom:32px}.toast{bottom:24px}}
@media(prefers-reduced-motion:reduce){.motor-desktop-dock{transition:none}}
/* Comparison stays available through the header and model buttons, without an overlay. */
#compare-tray,.comparetray{display:none!important}

.footerbottom{flex-wrap:wrap;gap:14px 24px}.developer-credit{font-size:14px;line-height:1.7}.developer-credit a{color:#17684d;font-weight:650;text-decoration:underline;text-underline-offset:3px}.developer-credit a:hover{color:#08796d}