/* Navigation tactile et lisible ; mêmes dimensions avant/après défilement. */
.header{box-shadow:0 8px 30px #07334412;border-bottom-color:#c7c8bc;background:#f5f3edf5}
.header nav{gap:8px}
.header nav>.nav-pill{min-width:78px;padding:9px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;line-height:1.15;font-size:12px;font-weight:800;white-space:nowrap;border:1px solid #d6d4c9;border-radius:17px;background:linear-gradient(155deg,#fffefa,#edeae0);box-shadow:inset 0 1px 0 #fff,0 4px 0 #dfdcd1,0 7px 12px #0733440a;color:var(--ink);transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .25s,color .25s,border-color .25s;isolation:isolate}
.header nav>.nav-pill:after{display:none}
.nav-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#88263d;background:#88263d0b;transition:transform .38s var(--ease),background .25s,color .25s;flex-shrink:0}
.nav-symbol svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header nav>.nav-pill[aria-current="location"]{border-color:#88263d80;background:#f0e3e1;color:#702035;box-shadow:inset 0 1px 0 #fff8,0 4px 0 #d4bbb9,0 7px 12px #88263d12}
.header nav>.nav-pill[aria-current="location"] .nav-symbol{background:#88263d;color:#fff8ee}
.header .nav-cta{border:1px solid #073344;border-radius:16px;padding:16px 17px;gap:16px;box-shadow:0 4px 0 #042330,0 8px 16px #07334415;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.header .nav-cta>span{transition:transform .3s var(--ease)}
.header.header-scrolled{box-shadow:0 4px 20px #0733440b}
.header.header-scrolled nav>.nav-pill:not([aria-current]){background:#f5f3ed;border-color:transparent;box-shadow:none}
.header.header-scrolled nav>.nav-pill:not([aria-current]) .nav-symbol{background:#07334408;color:#51676b}
.header nav>.nav-pill:focus-visible{outline:3px solid #a37e47;outline-offset:5px;transform:translateY(-3px)}
.header nav>.nav-pill:active,.header .nav-cta:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #07334418}
@media(hover:hover) and (pointer:fine){
 .header nav>.nav-pill:hover{transform:translateY(-4px);border-color:#88263d88;background:#fffaf4;color:#702035;box-shadow:inset 0 1px 0 #fff,0 7px 0 #d7c2ba,0 13px 20px #07334415}
 .header nav>.nav-pill:hover .nav-symbol{transform:rotate(-10deg) scale(1.13);color:#fff8ee;background:#88263d}
 .header nav>.nav-pill:nth-child(even):hover .nav-symbol{transform:rotate(10deg) scale(1.13)}
 .header .nav-cta:hover{transform:translateY(-3px);background:#88263d;border-color:#88263d;box-shadow:0 7px 0 #5b1b2d,0 12px 20px #88263d20}
 .header .nav-cta:hover>span{transform:translate(3px,-3px)}
}
@media(min-width:761px) and (max-width:1100px){.header{padding-left:3%;padding-right:3%}.header nav{gap:6px}.header nav>.nav-pill{min-width:64px;font-size:10px;padding:8px 9px;border-radius:14px}.nav-symbol{width:25px;height:25px}.nav-symbol svg{width:16px;height:16px}.header .nav-cta{padding:14px 12px;font-size:10px;gap:10px;border-radius:14px}.header .brand{gap:7px}.header .brand>span{font-size:21px}.header .brand small{font-size:6px}}
@media(min-width:761px) and (max-width:850px){.header nav{gap:4px}.header nav>.nav-pill{padding:8px 7px;min-width:58px;font-size:9px}.header .brand>span{font-size:18px}.header .brand img{width:45px}.header .nav-cta{font-size:9px;padding:14px 10px;gap:8px}}
@media(max-width:760px){
 .header .menu-toggle{border:1px solid #d0b7b6;border-radius:14px;padding:10px 13px;background:linear-gradient(145deg,#fffaf4,#eee5de);box-shadow:0 3px 0 #d7c2ba;color:#702035;gap:12px;transition:background .2s,transform .2s}
 .header .menu-toggle[aria-expanded="true"]{background:#88263d;color:#fff8ee;border-color:#88263d}
 .header nav{gap:10px;padding:20px 6% 25px;box-shadow:0 16px 22px #07334415;max-height:calc(100svh - 76px);overflow-y:auto}
 .header nav.open{display:grid;grid-template-columns:1fr 1fr}
 .header nav>.nav-pill{min-height:62px;flex-direction:row;justify-content:flex-start;font-size:12px;padding:12px;gap:10px;border-radius:14px}
 .header .nav-symbol{width:29px;height:29px}
 .header nav>.nav-pill:nth-of-type(5){grid-column:1/-1}
 .header .nav-cta{grid-column:1/-1;justify-content:space-between;margin-top:5px;border-radius:14px;padding:17px;font-size:12px}
 .header.header-scrolled nav>.nav-pill:not([aria-current]){background:#f6f0e7;border-color:#d6d4c9;box-shadow:0 3px 0 #dfdcd1}
}
@media(prefers-reduced-motion:reduce){.header,.header nav>.nav-pill,.header .nav-symbol,.header .nav-cta,.header .nav-cta>span{transition:none!important;animation:none!important;transform:none!important}}