/* Service Dept. menu link: its own department, so it gets a bold gold outline, a soft gold fill and a gold wrench badge
   to stand out from the sales links, without the heavy tab it used to be. The full list shows on hover. */
.navlinks a.nav-sv{display:inline-flex;align-items:center;gap:6px;margin:0 6px;padding:6px 14px;border-radius:30px;border:1.5px solid var(--gold);background:linear-gradient(145deg,#d9b96f2e,#d9b96f0d);color:#f3dc9e;font-weight:800;letter-spacing:.06em;box-shadow:0 0 0 3px #d9b96f14,0 4px 14px #d9b96f26;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.navlinks a.nav-sv:before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M22.7 19.3 13.6 10.2c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3l4.3 4.3-3 3-4.4-4.3C.4 7.4.9 10.4 2.9 12.4c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center/13px no-repeat,linear-gradient(145deg,#ffe7a3,#f5cf6a 45%,#c9952e);box-shadow:0 0 0 1.5px #0b0c0f,0 2px 6px #0008}
.navlinks a.nav-sv:after{display:none}
.navlinks a.nav-sv:hover,.navlinks a.nav-sv.on{border-color:#f3dc9e;background:linear-gradient(145deg,#d9b96f45,#d9b96f1a);color:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px #d9b96f2e,0 6px 18px #d9b96f40}
/* Daylight mode inverts the page, which turns the gold text a rich dark gold on its own; the wrench badge is flipped
   back so it stays a bright gold coin with a solid black wrench, easy to spot on the light header */
html[data-theme=day] .navlinks a.nav-sv:before{filter:invert(1) hue-rotate(180deg);box-shadow:0 0 0 1.5px #7a5410,0 2px 6px #0004}
@media(max-width:1100px){
.navlinks a.nav-sv{justify-content:center;margin:0;padding:12px 14px;border-radius:14px}
}