/* ---- Main menu with dropdown. Same on the homepage and every inner page ---- */
.nav-end{display:flex;align-items:center;gap:10px}
.bag-pill{display:none;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;background:var(--accent-tint);color:var(--accent-deep);font:700 14px var(--body);text-decoration:none}
.bag-pill.on{display:inline-flex;animation:stop .5s cubic-bezier(.3,1.6,.5,1)}
.nav nav{align-items:center}
.nv-item{display:flex;align-items:center;z-index:1}
.nav nav .nv-item>a{padding-right:3px}
.nv-caret{width:22px;height:28px;padding:0;border:0;background:none;color:inherit;cursor:pointer;display:grid;place-items:center}
.nv-caret::before{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform var(--t2) var(--ease)}
.has-dd:hover .nv-caret::before,.has-dd:focus-within .nv-caret::before,.has-dd.open .nv-caret::before{transform:translateY(2px) rotate(225deg)}
.dd{position:absolute;left:50%;top:100%;width:min(900px,94vw);translate:-50% 0;padding-top:22px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--t1),transform var(--t2) var(--ease),visibility 0s var(--t1)}
.has-dd:hover .dd,.has-dd:focus-within .dd,.has-dd.open .dd{opacity:1;visibility:visible;transform:none;transition:opacity var(--t1),transform var(--t2) var(--ease)}
.dd-in{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px 18px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 34px 64px -26px rgba(6,30,40,.5),0 0 0 1px var(--line)}
.dd-col b{display:block;padding:0 10px 8px;font:700 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.nav nav .dd-col a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;border-radius:10px;font-weight:600;font-size:15px;line-height:1.25;opacity:0;transform:translateY(8px);transition:background var(--t1),color var(--t1),opacity var(--t2) var(--ease),transform var(--t2) var(--ease);transition-delay:0s,0s,calc(var(--i)*22ms),calc(var(--i)*22ms)}
.has-dd:hover .dd-col a,.has-dd:focus-within .dd-col a,.has-dd.open .dd-col a{opacity:1;transform:none}
.nav nav .dd-col a small{flex:none;font-weight:500;font-size:12.5px;color:var(--ink-soft);transition:color var(--t1)}
.nav nav .dd-col a:hover,.nav nav .dd-col a:focus-visible{background:var(--accent);color:#fff}
.nav nav .dd-col a:hover small,.nav nav .dd-col a:focus-visible small{color:#fff}
.nav nav .dd a.dd-all{grid-column:1/-1;display:block;margin-top:6px;padding:12px;border-radius:12px;background:var(--ink);color:#fff;text-align:center;font-weight:700;font-size:15px;transition:background var(--t1)}
.nav nav .dd a.dd-all:hover{background:var(--accent)}
/* Phone menu */
.m-menu{overflow-y:auto;padding-bottom:40px}
.m-menu>a:not(.btn),.m-menu summary{font:800 30px/1.3 var(--display);letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.m-menu summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.m-menu summary::-webkit-details-marker{display:none}
.m-menu summary::after{content:"+";font:400 32px var(--body);color:var(--accent);transition:transform var(--t2) var(--ease)}
.m-menu details[open] summary::after{transform:rotate(135deg)}
.m-menu details b{display:block;margin:14px 0 4px;font:700 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.m-menu details a{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font:600 17px/1.3 var(--body);letter-spacing:0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
.m-menu details a small{font-weight:500;font-size:14px;color:var(--ink-soft)}
.m-menu details{margin-bottom:2px}
@media (max-width:1000px){.nav nav{display:none}.nav-end .btn{display:none}.nav-end{margin-left:auto}.bag-pill{display:none!important}}
@media (max-width:1180px) and (min-width:1001px){.nav nav a{padding-left:9px;padding-right:9px}.nav nav{font-size:14px}}