/* Shared, native Aanbod disclosure; the links keep ordinary navigation semantics. */
.nav-offers{position:relative;color:inherit}
.nav-offers>summary{list-style:none;cursor:pointer;text-shadow:none}
.nav-offers>summary::-webkit-details-marker{display:none}
.nav-offers>summary::marker{content:''}
.nav-offers-chevron{display:block;flex:none;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.nav-offers[open]>summary .nav-offers-chevron{transform:translateY(2px) rotate(225deg)}
#site-header .nav-offers>summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;font:inherit;color:inherit;text-shadow:none}
#site-header .nav-offers>summary:hover{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.nav-offers-panel a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center;color:var(--ink,#142e50);text-decoration:none;text-shadow:none;border-radius:10px}
.nav-offers-panel a>span{grid-column:1;line-height:1.3}
.nav-offers-panel a>small{grid-column:1;font-family:var(--sans,'DM',sans-serif);font-size:11px;font-weight:400;line-height:1.5;color:var(--muted,#4e6474)}
.nav-offers-panel a::after{content:'';display:block;grid-column:2;grid-row:1 / 3;align-self:center;width:18px;height:18px;background:url('assets/icons/arrow-right.svg') center / contain no-repeat;transform:rotate(-45deg);opacity:.7;pointer-events:none}
#site-header .nav-offers-panel{position:absolute;top:calc(100% + 10px);left:-14px;width:260px;max-height:calc(100svh - 110px);overflow-y:auto;padding:7px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.12)),rgba(247,246,240,.94);-webkit-backdrop-filter:blur(22px) saturate(115%);backdrop-filter:blur(22px) saturate(115%);box-shadow:0 12px 34px rgba(10,27,40,.16),inset 0 1px 0 rgba(255,255,255,.85);color:var(--ink,#142e50);text-shadow:none}
#site-header .nav-offers-panel a{min-height:65px;row-gap:3px;padding:12px 13px;font-family:var(--sans,'DM',sans-serif);font-size:14px;font-weight:500;transition:background .18s ease}
#site-header .nav-offers-panel a+a{margin-top:2px}
#site-header .nav-offers-panel a:hover,#site-header .nav-offers-panel a:focus-visible{background:rgba(20,46,80,.065)}
#site-header .nav-offers-panel a:focus-visible{outline:2px solid var(--ink,#142e50) !important;outline-offset:-2px}
#site-header .nav-offers[open] .nav-offers-panel{animation:offer-panel-in .18s ease-out both}
@keyframes offer-panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
  #mobile-nav .nav-offers{flex:none;border-bottom:1px solid var(--line,#c2cbd0)}
  #mobile-nav .nav-offers>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:12px 0;font-family:var(--serif,Cormorant,Georgia,serif);font-size:42px;font-weight:400;line-height:1.2}
  #mobile-nav .nav-offers-chevron{width:10px;height:10px;margin-right:6px}
  #mobile-nav .nav-offers-panel{padding:0 0 14px 16px}
  #mobile-nav .nav-offers-panel a{min-height:66px;padding:9px 12px;row-gap:2px;font-family:var(--serif,Cormorant,Georgia,serif);font-size:28px;font-weight:400}
  #mobile-nav .nav-offers-panel a>small{font-size:12px}
  #mobile-nav .nav-offers-panel a::after{width:20px;height:20px}
  #mobile-nav .nav-offers-panel a:hover,#mobile-nav .nav-offers-panel a:focus-visible{background:rgba(20,46,80,.055)}
  #mobile-nav:has(.nav-offers[open]){justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.nav-offers-chevron,#site-header .nav-offers-panel a{transition:none}#site-header .nav-offers[open] .nav-offers-panel{animation:none}}
body.no-motion .nav-offers-chevron,body.reduced-motion .nav-offers-chevron,
body.no-motion #site-header .nav-offers-panel a,body.reduced-motion #site-header .nav-offers-panel a{transition:none}
body.no-motion #site-header .nav-offers[open] .nav-offers-panel,body.reduced-motion #site-header .nav-offers[open] .nav-offers-panel{animation:none}