/* De Essentie — één gedeelde, responsieve header */
.shared-header,.shared-header *{box-sizing:border-box}
.shared-header{position:relative;z-index:99;background:#e6e5d5;color:#353b30;border-bottom:1px solid #c9ccb6;box-shadow:0 4px 22px rgba(53,59,48,.035)}
.shared-header-inner{max-width:1330px;width:calc(100% - 80px);min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,2.7vw,44px)}
.shared-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;line-height:1}
.shared-brand img{width:130px;height:auto;max-height:77px;object-fit:contain;display:block}
.shared-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.7vw,28px);margin-left:auto;min-width:0}
.shared-nav a{position:relative;white-space:nowrap;display:block;text-decoration:none;color:#353b30;font:500 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08px;padding:16px 0;transition:color .18s ease}
.shared-nav a:after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:8px;background:#68775c;border-radius:10px;transition:right .22s ease}
.shared-nav a:hover,.shared-nav a[aria-current="page"]{color:#526447}
.shared-nav a:hover:after,.shared-nav a[aria-current="page"]:after{right:0}
.shared-contact{flex:0 0 auto;display:flex;gap:21px;align-items:center;justify-content:center;padding:14px 19px 14px 22px;background:#353b30;border:1px solid #353b30;border-radius:4px;color:#f9f8f1!important;text-decoration:none;font:600 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.65px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.shared-contact:hover{background:#526049;transform:translateY(-1px);box-shadow:0 5px 14px rgba(53,59,48,.12)}
.shared-contact span:last-child{font-size:17px;font-weight:400;line-height:1}
.shared-menu-button{display:none;cursor:pointer;flex:0 0 46px;width:46px;height:46px;background:#f8f8f0;border:1px solid #afb7a3;border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#353b30}
.shared-menu-button span{display:block;width:21px;height:1.8px;border-radius:3px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.shared-menu-button[aria-expanded="true"] span:first-child{transform:translateY(6.8px) rotate(45deg)}
.shared-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.shared-menu-button[aria-expanded="true"] span:last-child{transform:translateY(-6.8px) rotate(-45deg)}
.shared-header a:focus-visible,.shared-menu-button:focus-visible{outline:3px solid #647759;outline-offset:4px}
@media(max-width:1150px){
 .shared-header-inner{width:calc(100% - 50px);min-height:83px;gap:17px}
 .shared-brand img{width:115px;max-height:68px}
 .shared-contact{margin-left:auto}
 .shared-menu-button{display:flex}
 .shared-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:16px max(25px,calc((100vw - 1200px)/2)) 24px;background:#e6e5d5;border-top:1px solid #c9ccb6;box-shadow:0 20px 30px rgba(53,59,48,.12);margin:0;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 90px);overflow-y:auto}
 .shared-nav.is-open{display:flex}
 .shared-nav a{padding:14px 8px;border-bottom:1px solid #cbcfbd;font-size:16px}
 .shared-nav a:after{display:none}
 .shared-nav a[aria-current="page"]{font-weight:700;background:#ffffff55}
}
@media(max-width:600px){
 .shared-header-inner{width:calc(100% - 32px);min-height:76px;gap:12px}
 .shared-brand img{width:104px;max-height:62px}
 .shared-contact{gap:9px;padding:12px 12px;font-size:11px;letter-spacing:.12px}
 .shared-contact span:last-child{font-size:15px}
 .shared-menu-button{flex-basis:42px;width:42px;height:42px}
 .shared-nav{padding:10px 17px 23px}
}
@media(max-width:365px){.shared-brand img{width:90px}.shared-contact{padding:10px 9px;font-size:10px}.shared-header-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){.shared-header *{transition:none!important}}

/* Desktop: menulinks echt in het midden, onafhankelijk van logo en CTA */
@media (min-width:1151px) {
 .shared-header-inner{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);column-gap:18px}
 .shared-brand{grid-column:1;justify-self:start}
 .shared-nav{grid-column:2;justify-self:center;margin-left:0;gap:clamp(15px,1.6vw,25px)}
 .shared-contact{grid-column:3;justify-self:end}
}