/* Shared compact header and labelled menu. Ordinary native details work without JS. */
@media(max-width:800px){
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact){display:grid;grid-template-columns:60px minmax(0,1fr) 52px;grid-template-areas:'brand account menu' 'search search search';align-items:center;gap:8px;min-height:0;padding:10px 12px;background:linear-gradient(115deg,#081426f5,#090e24fa 70%,#25143af5)}
 html body .cw-header:has(.dw-member-actions)>.cw-brand--compact{width:60px;max-width:60px;margin:0;flex-basis:auto}
 html body .cw-header>.cw-brand--compact>a{min-height:30px}
 html body .cw-header .cw-brand--compact .cw-environment{font-size:5px;letter-spacing:0;padding:2px 3px;margin-top:2px}
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact)>.dw-member-actions{gap:6px;justify-self:end;margin:0;min-width:0}
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact) .dw-header-signup{display:none}
 html body .cw-header:has(.dw-member-actions) :is(.dw-cart-chip,.dw-favorites-chip,.dw-member-menu>summary){position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:14px;box-shadow:inset 0 0 12px #6c58ff18,0 0 10px #7442c824}
 html body .cw-header :is(.dw-cart-chip,.dw-favorites-chip)>span{display:none}
 html body .cw-header :is(.dw-cart-chip,.dw-favorites-chip)>svg{width:21px;height:21px}
 html body .cw-header :is(.dw-cart-chip,.dw-favorites-chip)>b{position:absolute;top:-3px;right:-2px;display:grid;place-items:center;min-width:16px;min-height:16px;height:16px;padding:0 3px;border-radius:6px;font-size:9px;line-height:1;background:#6531a2;box-shadow:0 0 6px #c14dff45}
 html body .cw-header :is(.dw-cart-chip,.dw-favorites-chip)>b[hidden]{display:none!important}
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact)>.cw-search{min-height:44px;gap:10px;padding-inline:13px}
 html body .cw-header .cw-search input[type=search]{min-width:0;font-size:16px;padding-block:10px}
 html body .cw-header .cw-search button{min-height:44px;font-size:9px}
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact)>.cw-menu{position:static;justify-self:end;margin:0}
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact)>.cw-menu>summary{display:flex;flex-direction:column;justify-content:center;gap:6px;width:52px;min-height:44px;padding:6px 4px;border:1px solid #8151bc;border-radius:14px;background:linear-gradient(145deg,#261b45,#101a36);box-shadow:0 0 12px #8c42e033;cursor:pointer;font-size:0}
 html body .cw-header:has(.dw-member-actions):has(.cw-brand--compact)>.cw-menu>summary>span{position:relative;display:block;width:18px;height:13px;min-width:18px;border:0;border-radius:0;background:none;box-shadow:none;animation:none;font-size:0;transform:none}
 html body .cw-header>.cw-menu>summary>span::before{content:'';position:absolute;top:6px;left:0;width:18px;height:1.5px;background:#83e9ff;box-shadow:0 -5px #83e9ff,0 5px #83e9ff}
 html body .cw-header>.cw-menu>summary::after{content:'Menu';font:500 9px/1 var(--font);color:#dcd6fa}
 html body .cw-header>.cw-menu[open]>summary::after{content:'Sluit'}
 html body .cw-header>.cw-menu[open]>summary>span::before{transform:rotate(45deg);box-shadow:none}
 html body .cw-header>.cw-menu[open]>summary>span::after{content:'';position:absolute;top:6px;left:0;width:18px;height:1.5px;background:#83e9ff;transform:rotate(-45deg)}
 html body .cw-header>.cw-menu>nav{position:absolute;top:calc(100% - 1px);left:12px;right:12px;width:auto;max-height:calc(100dvh - 138px);overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:17px;border:1px solid #9666dc;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#51235d55,transparent 65%),linear-gradient(145deg,#111d36fc,#090e24fc);box-shadow:0 15px 50px #000b,0 0 22px #9450df40}
 html body .cw-header>.cw-menu>nav::before{content:'ONTDEK DISCWINKEL';grid-column:1/-1;margin-bottom:5px;font:500 10px/1.5 var(--mono);letter-spacing:.12em;color:#b5a3dc}
 html body .cw-header>.cw-menu>nav>a{min-width:0;min-height:46px;gap:6px;margin:0;padding:10px;border:1px solid #415274;border-radius:11px;background:#13203980;font-size:12px;line-height:1.4}
 html body .cw-header>.cw-menu>nav>a:is(:hover,[aria-current=page]){color:#8ff4ff;border-color:#a46be3;background:#40265a66}
 html body .cw-header>.cw-menu>nav .cw-menu-shops{grid-column:1/-1;margin:5px 0 0;padding-top:8px;border-top:1px solid #4d4167}
 html body .cw-header>.cw-menu>nav .cw-menu-shops a{min-height:44px;display:flex;align-items:center;padding-block:8px;font-size:11px}
 html body .cw-header>.cw-menu>summary:focus-visible{outline:2px solid #8ff4ff;outline-offset:3px}
}