/* Jager's Design | shared brand navigation, pilot v1 (2026-10-09).
   Scoped to the new components and explicitly opted-in pilot pages.
   Pricing, product records, existing artwork and legacy styles are untouched. */
.jd-brand-header,.jd-brand-footer,.jd-brand-header *,.jd-brand-footer *{box-sizing:border-box}
.jd-brand-header,.jd-brand-footer{--jd-brand-ink:#f7f2e9;--jd-brand-muted:#bccddd;--jd-brand-cyan:#63d4ff;--jd-brand-amber:#f5b363;color:var(--jd-brand-ink);font-family:Inter,Arial,sans-serif}
.jd-brand-header a,.jd-brand-footer a{color:inherit;text-decoration:none}
.jd-brand-header a:focus-visible,.jd-brand-header button:focus-visible,.jd-brand-footer a:focus-visible{outline:2px solid var(--jd-brand-cyan);outline-offset:5px;border-radius:4px}
.jd-brand-header a:hover,.jd-brand-footer a:hover{color:var(--jd-brand-cyan)}
.jd-brand-header [hidden]{display:none!important}
.jd-brand-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;margin:0;padding:0 0 12px;border-bottom:1px solid rgba(99,212,255,.22);background:transparent}
.jd-brand-header__identity{display:flex;align-items:center;gap:16px;flex-shrink:0}
.jd-brand-header__mark{display:flex;align-items:center;justify-content:center;flex:none}
.jd-brand-header__mark img,.jd-brand-header__toggle img{display:block;width:clamp(88px,7.5vw,120px);height:clamp(88px,7.5vw,120px);max-width:none;object-fit:contain}
.jd-brand-header__name{display:flex;flex-direction:column;gap:9px;white-space:nowrap;text-shadow:0 2px 10px #020913}
.jd-brand-header__name>span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.08;letter-spacing:-.025em}
.jd-brand-header__name>small{color:var(--jd-brand-muted);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;line-height:1.5}
.jd-brand-header__toggle{display:none;position:relative;margin:0;padding:0 0 16px;border:1px solid rgba(245,179,99,.48);border-radius:18px;background:linear-gradient(145deg,rgba(13,35,54,.9),rgba(2,9,19,.8));color:var(--jd-brand-ink);cursor:pointer}
.jd-brand-header__toggle>[data-jd-menu-label]{position:absolute;bottom:5px;left:0;right:0;font:700 10px/1.3 Inter,Arial,sans-serif;text-align:center;letter-spacing:.14em;text-transform:uppercase}
.jd-brand-header__toggle[aria-expanded=true]{border-color:var(--jd-brand-cyan);box-shadow:0 0 18px rgba(99,212,255,.18)}
.jd-brand-header__navigation{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 24px;min-width:0}
.jd-brand-header__pages,.jd-brand-header__account{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.jd-brand-header__navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 3px;font-size:14px;font-weight:600;line-height:1.35}
.jd-brand-header__pages a[aria-current=page]{color:var(--jd-brand-amber);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.jd-brand-header__account{gap:10px}
.jd-brand-header__account>a{padding:10px 15px;border:1px solid rgba(99,212,255,.5);border-radius:8px;background:rgba(2,12,23,.6)}
.jd-brand-header__account>a.jd-brand-cart{color:#101821;background:linear-gradient(180deg,#ffd08a,#efa246);border-color:#ffc878;gap:12px;box-shadow:0 0 15px rgba(239,162,70,.1)}
.jd-brand-header__account>a.jd-brand-cart:hover{background:#ffcc80;color:#101821}
.jd-brand-skip{position:absolute!important;top:0;left:0;z-index:60;padding:12px 18px;background:#071321;transform:translateY(-200%)}
.jd-brand-skip:focus{transform:translateY(0)}
.jd-brand-footer{position:relative;z-index:5;width:100%;margin:0;padding:16px clamp(22px,3vw,48px) 10px;border:0;border-top:1px solid rgba(99,212,255,.38);border-radius:0;background:linear-gradient(110deg,rgba(3,13,24,.97),rgba(6,22,36,.95) 55%,rgba(3,12,23,.97));box-shadow:0 -10px 32px rgba(0,0,0,.12)}
.jd-brand-footer:before{content:'';position:absolute;top:-1px;left:clamp(22px,3vw,48px);width:120px;height:2px;background:linear-gradient(90deg,#ffb75e,rgba(255,183,94,0));pointer-events:none}
.jd-brand-footer__main{display:flex;justify-content:space-between;align-items:center;gap:20px 36px;padding:0 0 12px}
.jd-brand-footer__identity{display:flex;align-items:center;gap:16px;min-width:0}
.jd-brand-footer__mark{flex:none}
.jd-brand-footer__mark img{display:block;width:104px;height:104px;max-width:none;object-fit:contain}
.jd-brand-footer__name{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.1;letter-spacing:-.02em}
.jd-brand-footer__motto{margin:7px 0 5px;color:var(--jd-brand-amber);font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.jd-brand-footer__description{margin:0;color:var(--jd-brand-muted);font-size:13px;line-height:1.6}
.jd-brand-footer__links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.jd-brand-footer__links nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px 22px}
.jd-brand-footer__links a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:600;line-height:1.4}
.jd-brand-footer__links .jd-brand-footer__customer{gap:4px 18px}
.jd-brand-footer__customer a{font-size:13px;font-weight:400;color:var(--jd-brand-muted)}
.jd-brand-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;padding-top:8px;border-top:1px solid rgba(99,212,255,.14);color:var(--jd-brand-muted)}
.jd-brand-footer__bottom small{font-size:12px;line-height:1.5}
.jd-brand-footer__bottom nav{display:flex;gap:20px;flex-wrap:wrap}
.jd-brand-footer__bottom nav a{display:inline-flex;align-items:center;min-height:32px;font-size:12px;line-height:1.4}
.jd-brand-footer__signature{color:#ead8be;font-family:Georgia,'Times New Roman',serif;font-size:17px;font-style:italic;line-height:1.5;white-space:nowrap}
/* Pilot: homepage. Keep the existing artwork and main content. */
body.home.jd-brand-pilot{margin:0;overflow-x:hidden;overflow-y:hidden;min-height:100svh}
body.home.jd-brand-pilot>.home-hero{display:flex;flex-direction:column;width:100%;height:100svh;min-height:0;max-height:none;margin:0;border:0;border-radius:0;overflow:visible}
body.home.jd-brand-pilot .home-hero__inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;flex:1;min-height:0;width:100%;height:auto;max-width:none;padding:18px clamp(24px,3vw,48px) 12px}
body.home.jd-brand-pilot .home-hero__content{min-height:0;padding:16px 0;align-items:center}
body.home.jd-brand-pilot .home-hero__bottom{min-height:0;padding:0;align-items:end}
body.home.jd-brand-pilot .home-hero__title{font-size:clamp(48px,5.2vw,80px)}
body.home.jd-brand-pilot .home-hero__tagline{font-size:clamp(12px,1vw,16px);line-height:1.5}
body.home.jd-brand-pilot .home-hero>.jd-brand-footer{flex:none;margin-top:auto}
/* Pilot: login. Preserve form fields, Vvveb bindings, notifications and artwork. */
body.login.jd-brand-pilot{overflow-x:hidden;overflow-y:hidden}
body.login.jd-brand-pilot .jd-login-image>.jd-login-overlay{grid-template-rows:auto minmax(0,1fr) auto!important;row-gap:14px;height:100svh;min-height:0;padding:18px clamp(24px,3vw,48px) 0!important}
body.login.jd-brand-pilot .jd-login-overlay>.jd-brand-header{grid-column:1/-1;grid-row:1}
body.login.jd-brand-pilot .jd-login-overlay>.jd-login-content{min-height:0;margin:0!important}
body.login.jd-brand-pilot .jd-login-overlay>.jd-brand-footer{grid-column:1/-1;grid-row:3;width:auto;margin:0 calc(-1 * clamp(24px,3vw,48px))}
body.login.jd-brand-pilot .jd-login-title{font-size:clamp(40px,3.8vw,60px)!important}
body.login.jd-brand-pilot .jd-login-intro{margin-bottom:20px!important}
body.login.jd-brand-pilot .jd-login-input{height:52px!important}
body.login.jd-brand-pilot .jd-login-submit{height:56px!important}
body.login.jd-brand-pilot .jd-login-slogan{margin-bottom:30px}
@media(min-width:1001px) and (max-height:800px){
 .jd-brand-header__mark img{width:88px;height:88px}.jd-brand-header__name>span{font-size:34px}
 .jd-brand-footer{padding-top:10px}.jd-brand-footer__mark img{width:84px;height:84px}.jd-brand-footer__name{font-size:26px}.jd-brand-footer__main{padding-bottom:6px}.jd-brand-footer__links{gap:0}
 body.home.jd-brand-pilot .home-hero__title{font-size:56px}
 body.home.jd-brand-pilot .home-hero__description{font-size:18px;line-height:1.45}
 body.login.jd-brand-pilot .jd-login-title{font-size:40px!important}
 body.login.jd-brand-pilot .jd-login-intro{font-size:17px!important;margin-bottom:14px!important}
 body.login.jd-brand-pilot .jd-login-field{margin-bottom:10px!important}
 body.login.jd-brand-pilot .jd-login-input{height:46px!important}
 body.login.jd-brand-pilot .jd-login-submit{height:50px!important}
 body.login.jd-brand-pilot .jd-login-register{margin-top:10px!important}
 body.login.jd-brand-pilot .jd-login-register a{min-height:38px}
}
@media(max-width:1000px){
 .jd-brand-header{align-items:flex-start;flex-wrap:wrap;gap:16px;padding-bottom:14px;min-height:113px}
 .jd-brand-header__identity{gap:14px}
 .jd-brand-header__name>span{font-size:clamp(25px,5vw,40px)}
 .jd-brand-header__name>small{font-size:10px;letter-spacing:.16em}
 .jd-brand-header__mark img,.jd-brand-header__toggle img{width:80px;height:80px}
 .jd-brand-header[data-jd-menu-ready] .jd-brand-header__mark{display:none}
 .jd-brand-header[data-jd-menu-ready] .jd-brand-header__toggle{display:block}
 .jd-brand-header__navigation{width:100%;justify-content:flex-start;flex-direction:column;align-items:stretch;gap:16px}
 .jd-brand-header[data-jd-menu-ready] .jd-brand-header__navigation{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid rgba(99,212,255,.6);border-radius:12px;background:#061321;box-shadow:0 24px 60px rgba(0,0,0,.6)}
 .jd-brand-header__pages{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .jd-brand-header__pages a{justify-content:flex-start;min-height:48px;padding:10px 14px;border-radius:6px;background:rgba(99,212,255,.05)}
 .jd-brand-header__account{display:grid;grid-template-columns:1fr 1fr}
 .jd-brand-footer__main{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .jd-brand-footer__links{align-items:flex-start}.jd-brand-footer__links nav{justify-content:flex-start}
 body.home.jd-brand-pilot,body.login.jd-brand-pilot{overflow-y:auto;height:auto}
 body.home.jd-brand-pilot>.home-hero{height:auto;min-height:100svh}
 body.home.jd-brand-pilot .home-hero__inner{grid-template-rows:auto auto auto;gap:20px;flex:none;padding:18px 22px 24px}
 body.home.jd-brand-pilot .home-hero__content{min-height:360px;padding:20px 0;overflow:visible}
 body.home.jd-brand-pilot .home-hero__bottom{flex-wrap:wrap;gap:20px}
 body.home.jd-brand-pilot .home-hero__tagline{display:none}
 body.home.jd-brand-pilot .home-hero__title{font-size:clamp(44px,9vw,70px)}
 body.home.jd-brand-pilot .home-hero__copy{width:100%;max-width:620px}
 body.login.jd-brand-pilot .jd-login-main,body.login.jd-brand-pilot .jd-login-image{height:auto!important;max-height:none}
 body.login.jd-brand-pilot .jd-login-image>.jd-login-overlay{height:auto;min-height:100svh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto!important;gap:26px;padding:18px 22px 0!important}
 body.login.jd-brand-pilot .jd-login-overlay>.jd-login-content{width:100%!important;max-width:610px!important;justify-self:center!important;margin:20px 0 32px!important}
 body.login.jd-brand-pilot .jd-login-overlay>.jd-brand-footer{margin:0 -22px}
 body.login.jd-brand-pilot .jd-login-slogan{display:none}
}
@media(max-width:600px){
 .jd-brand-footer{padding:20px 22px 12px}
 .jd-brand-footer__identity{gap:12px;align-items:center}
 .jd-brand-footer__mark img{width:86px;height:86px}
 .jd-brand-footer__name{font-size:25px}
 .jd-brand-footer__description{font-size:12px;line-height:1.6}
 .jd-brand-footer__motto{font-size:10px;letter-spacing:.1em}
 .jd-brand-footer__links{width:100%;gap:8px}
 .jd-brand-footer__links>nav{gap:0 20px}
 .jd-brand-footer__links a{min-height:44px}
 .jd-brand-footer__customer a{min-height:40px}
 .jd-brand-footer__bottom{align-items:flex-start;flex-direction:column;gap:6px}
 .jd-brand-footer__bottom nav a{min-height:44px}
 body.home.jd-brand-pilot .home-hero__eyebrow{font-size:11px;line-height:1.7;max-width:320px;letter-spacing:.1em}
 body.home.jd-brand-pilot .home-hero__description{font-size:18px;line-height:1.6}
 body.home.jd-brand-pilot .home-hero__actions{flex-wrap:wrap;gap:12px}
 body.home.jd-brand-pilot .home-hero__button{min-height:48px}
 body.home.jd-brand-pilot .home-hero__stats{width:100%;gap:20px;justify-content:space-between}
 body.home.jd-brand-pilot .home-hero__stat{min-width:0}
 body.home.jd-brand-pilot .home-hero__stat strong{font-size:24px}
 body.home.jd-brand-pilot .home-hero__stat span{font-size:11px}
 body.login.jd-brand-pilot .jd-login-options{flex-wrap:wrap}
}
/* Short/zoomed windows must remain readable rather than clipping content. */
@media(min-width:1001px) and (max-height:620px){
 body.home.jd-brand-pilot,body.login.jd-brand-pilot{overflow-y:auto}
 body.home.jd-brand-pilot>.home-hero{height:auto;min-height:100svh}
 body.home.jd-brand-pilot .home-hero__inner{grid-template-rows:auto auto auto}
 body.home.jd-brand-pilot .home-hero__content{min-height:320px}
 body.login.jd-brand-pilot .jd-login-main,body.login.jd-brand-pilot .jd-login-image{height:auto!important;max-height:none}
 body.login.jd-brand-pilot .jd-login-image>.jd-login-overlay{height:auto;min-height:100svh;grid-template-rows:auto auto auto!important}
 body.login.jd-brand-pilot .jd-login-overlay>.jd-login-content{margin:24px 0!important}
}
@media(prefers-reduced-motion:reduce){.jd-brand-header *,.jd-brand-footer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}