/* Shared navigation only: business-page content keeps its existing styles. */
.xcy-header{--nav-gutter:max(48px,calc((100% - 1584px)/2));--nav-line:color-mix(in srgb,var(--cream) 24%,transparent);height:100px;width:100%;max-width:none;margin:0;padding:0 var(--nav-gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:50;color:var(--cream);font:15px/1.5 Arial,Helvetica,sans-serif;background:var(--forest);box-shadow:inset 0 -1px 0 var(--nav-line)}
.xcy-header *{box-sizing:border-box}.xcy-header a{color:inherit;text-decoration:none}.xcy-header button{font:inherit;cursor:pointer;color:inherit}.xcy-header .wordmark{font:400 38px/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em;display:inline-flex;flex-direction:column;gap:8px;flex-shrink:0}.xcy-header .wordmark span{font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.24em;padding-left:3px}
.xcy-skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--paper);color:var(--forest);padding:15px}.xcy-skip-link:focus{top:12px}
.xcy-header #xcy-nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:14px;position:static;background:none;padding:0;border:0}
.xcy-primary-links{display:flex;align-items:center;gap:24px}.xcy-primary-links>a,.nav-products-trigger>a{display:flex;align-items:center;min-height:44px;white-space:nowrap}.xcy-header #xcy-nav a:hover,.xcy-header #xcy-nav a.is-current{color:var(--sand)}.xcy-header #xcy-nav a.is-current{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.xcy-header a:focus-visible,.xcy-header button:focus-visible{outline:3px solid var(--sand);outline-offset:3px;border-radius:4px}
.xcy-header .nav-contact{min-height:44px;border:1px solid var(--nav-line);border-radius:99px;padding:10px 20px}.xcy-header #xcy-nav .nav-contact:hover{background:var(--sand);border-color:var(--sand);color:var(--forest)}
.nav-products-trigger{display:flex;align-items:center;gap:1px}.category-toggle{display:grid;place-items:center;background:transparent;border:0;width:28px;min-height:44px;padding:0}.category-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.category-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.category-toggle:hover{color:var(--sand)}
.product-mega{position:absolute;top:calc(100% - 5px);left:var(--nav-gutter);right:var(--nav-gutter);z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 36px;padding:22px 30px 30px;background:var(--paper);color:var(--forest);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px color-mix(in srgb,var(--forest) 10%,transparent)}.product-mega[hidden]{display:none!important}.product-mega::before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px}.xcy-header #xcy-nav .nav-all-products{grid-column:1/-1;min-height:40px;width:max-content;font-size:13px;margin-bottom:8px;border-bottom:1px solid var(--line)}.nav-category{min-width:0}.xcy-header #xcy-nav .nav-category a{display:flex;align-items:center;min-height:40px;font-size:14px;padding:5px 0}.xcy-header #xcy-nav .nav-category .nav-category-heading{font-size:19px;font-weight:500;min-height:48px;margin-bottom:6px;color:var(--forest)}
.xcy-social{display:flex;align-items:center;gap:0;border-left:1px solid var(--nav-line);padding-left:12px;flex-shrink:0}.xcy-header #xcy-nav .xcy-social a{width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%}.xcy-social svg{width:18px;height:18px;fill:currentColor}.xcy-header #xcy-nav .xcy-social a:hover{background:var(--sand);color:var(--forest)}
.xcy-header .xcy-menu{display:none;background:none;border:0;padding:0;flex-shrink:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.xcy-menu span{width:23px;height:1px;background:var(--cream)}
@media(max-width:1200px) and (min-width:1101px){.xcy-header{padding:0 30px;gap:20px}.xcy-primary-links{gap:18px}.xcy-header #xcy-nav{gap:14px}.xcy-header .nav-contact{padding:10px 16px}.xcy-social{padding-left:8px}.xcy-header #xcy-nav .xcy-social a{width:44px}.product-mega{left:30px;right:30px}}
@media(max-width:1100px){.xcy-header{height:80px;padding:0 30px}.xcy-header .xcy-menu{display:flex}.xcy-header #xcy-nav{display:none;position:absolute;left:0;right:0;top:80px;z-index:60;background:var(--forest);padding:18px 30px 24px;max-height:calc(100dvh - 80px);overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;border-bottom:1px solid var(--nav-line);align-items:stretch;justify-content:flex-start;gap:18px;flex-direction:column}.xcy-header #xcy-nav.open{display:flex}.xcy-primary-links{display:flex;align-items:stretch;flex-direction:column;flex-shrink:0;gap:4px}.xcy-primary-links>a,.nav-products-trigger>a{font-size:16px;min-height:46px}.nav-products-trigger{justify-content:space-between}.category-toggle{width:44px}.product-mega{position:static;display:grid;grid-template-columns:1fr;gap:18px;box-shadow:none;transform:none;left:auto;right:auto;padding:16px 20px 20px;margin:2px 0 12px;border-radius:10px}.product-mega::before{display:none}.xcy-header #xcy-nav .nav-all-products{grid-column:auto;margin-bottom:0}.nav-category{padding-top:8px;border-top:1px solid var(--line)}.xcy-header #xcy-nav .nav-category a{min-height:44px}.xcy-header #xcy-nav .nav-category .nav-category-heading{font-size:18px}.xcy-social{order:-1;border-left:0;border-top:0;border-bottom:1px solid var(--nav-line);padding:0 0 12px;gap:10px}.xcy-header #xcy-nav .xcy-social a{width:44px}.xcy-header .nav-contact{width:max-content;margin-top:8px}}
@media(max-width:700px){.xcy-header{padding:0 22px}.xcy-header .wordmark{font-size:33px}.xcy-header #xcy-nav{padding-left:22px;padding-right:22px}.product-mega{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.category-toggle svg{transition:none}}

/* Dropdown stays light; its links and focus ring need their own contrast. */
.xcy-header #xcy-nav .product-mega a:hover{color:var(--forest);background:var(--mist)}
.xcy-header .product-mega a:focus-visible{outline-color:var(--forest)}
.xcy-header>.wordmark:hover{color:var(--sand)}
.xcy-header #xcy-nav .nav-contact:active,.xcy-header #xcy-nav .xcy-social a:active{background:var(--cream);color:var(--forest)}