/* Bewegingstokens voor de hele site (cart.css staat op elke pagina). */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--dur:160ms}
a[href$="/cart"][data-c]::after{content:attr(data-c);display:inline-block;min-width:20px;height:20px;margin-left:6px;padding:0 5px;border-radius:10px;background:#0086c8;color:#fff;font-size:12.5px;font-weight:700;line-height:20px;text-align:center}
html.cl-on{overflow:hidden}
#cd{position:fixed;inset:0;z-index:2147483100;visibility:hidden;font:400 16px/1.45 Roboto,Arial,sans-serif;color:#0b0b0b;transition:visibility 0s linear 260ms}#cd.on{visibility:visible;transition-delay:0s}
#cd .c9ov{position:absolute;inset:0;background:rgba(11,24,44,.5);opacity:0;transition:opacity 220ms ease}#cd.on .c9ov{opacity:1}
#cd .dr{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;outline:0;transform:translateX(100%);transition:transform 260ms cubic-bezier(.32,.72,0,1)}#cd.on .dr{transform:none}
#cd header{display:flex;align-items:center;justify-content:space-between;background:#153259;color:#fff;padding:0 8px 0 22px;height:60px;flex:none;font-size:18px;font-weight:500}#cd header button{width:44px;height:44px;background:none;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer}
#cd .c9ok{display:none;margin:0;padding:11px 22px;background:#e9f6ee;color:#1a8a3f;font-weight:500;font-size:15px}#cd .c9ok:before{content:"✓ "}#cd.add .c9ok{display:block}
#cd .db{padding:18px 22px 24px;flex:1;display:flex;flex-direction:column}
.c9cl{display:flex;gap:14px;padding:0 0 16px}.c9cl+.c9cl{border-top:1px solid #e3e8ee;padding-top:16px}.ci{flex:none;width:76px;height:76px;background:#f3f6f9;border-radius:8px;display:block;overflow:hidden}.ci img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px}.cb{flex:1;min-width:0}.c9ct{display:block;color:#153259;font-weight:500;text-decoration:none;line-height:1.25}.cb small{display:block;color:#5b6673;font-size:14px;line-height:1.3;margin-top:2px}.cr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.cr b{font-weight:500;color:#153259;font-size:17px;white-space:nowrap}
.qy{display:flex;align-items:center;border:1.5px solid #c9d4df;border-radius:6px;overflow:hidden}.qy button{width:40px;height:40px;background:#fff;border:0;color:#153259;font-size:20px;cursor:pointer;transition:background-color var(--dur) ease}.qy input{width:40px;height:40px;border:0;border-left:1px solid #e3e8ee;border-right:1px solid #e3e8ee;text-align:center;font:500 16px Roboto,Arial,sans-serif;color:#153259;padding:0;background:#fff;-moz-appearance:textfield}
.c9cs{margin:6px 0 0;padding:14px 16px;background:#f5f5f5;border-radius:8px}.c9cs div{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-size:15.5px}.c9cs dt{color:#3a4552}.c9cs dd{margin:0;color:#153259}.c9cs .c9g{color:#1a8a3f;font-weight:500}.c9cs .c9tt{margin-top:8px;padding-top:10px;border-top:1px solid #dfe3e8;font-size:18px}.c9cs .c9tt dt{color:#153259;font-weight:500}.c9cs .c9tt dd{font-weight:500}
#cd .eta{margin:12px 0 14px;font-size:14.5px;color:#3a4552}#cd .eta b{font-weight:500;color:#153259}
#cd .btn{display:block;background:#0086c8;color:#fff;font-weight:700;border:0;border-radius:4px;padding:15px 22px;text-align:center;text-decoration:none;font-size:17px;transition:transform var(--dur) var(--ease-out),background-color var(--dur) ease}#cd .btn:active{transform:scale(.98)}#cd .db>.btn{position:sticky;bottom:12px;z-index:2;box-shadow:0 0 0 6px #fff}#cd .lk{display:block;width:100%;background:none;border:0;padding:13px;color:#153259;font:500 15.5px Roboto,Arial,sans-serif;cursor:pointer}#cd .tr{margin:2px 0 0;text-align:center;font-size:14px;color:#5b6673}
#cd .un{margin:0 0 12px;padding:10px 12px;background:#f3f6f9;border-radius:6px;font-size:14.5px}#cd .un button{background:none;border:0;padding:0;color:#0086c8;font:500 14.5px Roboto,Arial,sans-serif;text-decoration:underline;cursor:pointer}#cd .em{text-align:center;padding:40px 0}#cd .em b{display:block;font-weight:500;color:#153259;font-size:18px;margin-bottom:16px}
.pch{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 8px}.pch img{height:20px;width:auto;display:block}.pch .ld{display:inline-block;background:#cc0066;color:#fff;font-weight:700;font-size:12px;line-height:1;border-radius:4px;padding:5px 6px}
@media (max-width:760px){.qy button,.qy input{width:44px;height:44px}#cd .db{padding:16px 16px 24px}#cd header{padding-left:16px}#cd .c9ok{padding:11px 16px}}
@media (hover:hover) and (pointer:fine){.qy button:hover{background:#f3f6f9}#cd .btn:hover{background:#0078b4}}
@media (prefers-reduced-motion:reduce){#cd .dr,#cd .c9ov{transition:none}}
.pch img.wr{height:26px;width:69px}
.xs9{margin-top:18px;padding-top:14px;border-top:1px solid #e3e8ee}.xs9>b{display:block;font-size:15px;font-weight:500;color:#153259;margin:0 0 8px}.xr9{display:flex;align-items:center;gap:10px;padding:6px 0}.xr9 img{width:44px;height:44px;object-fit:contain;flex:none;background:#fff}.xr9 span{flex:1;min-width:0;line-height:1.25}.xr9 a{font-size:14.5px;color:#153259;text-decoration:none}.xr9 a:hover{text-decoration:underline}.xr9 small{display:block;font-size:13.5px;color:#5b6673}.xr9 button{flex:none;height:44px;padding:0 12px;background:#fff;border:1.5px solid #c9d4df;border-radius:6px;color:#153259;font:500 14px Roboto,Arial,sans-serif;cursor:pointer}.xr9 button:hover{border-color:#153259}.xl9{display:inline-block;margin-top:4px;padding:8px 0;font-size:14px;font-weight:500;color:#0086c8}
.pch img.wr{padding:0;margin:0;max-width:none}
@media (min-width:1200px){body>*:not(#cd):not(#tip):not(script){zoom:1.1}#cd .dr{zoom:1.1}}
.hk-ct[data-c]:after{content:attr(data-c);position:absolute;left:14px;top:-7px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#0086c8;color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center}

.c9rm{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 0 4px;padding:0;background:none;border:0;border-radius:6px;color:#5b6673;cursor:pointer;transition:color var(--dur) ease,background-color var(--dur) ease,transform var(--dur) ease}.c9rm:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.c9rm:hover{background:#f3f6f9;color:#153259}}
/* Aantalkiezer nooit samendrukken (de plusknop viel op smalle telefoons half weg). */
.qy,.qy button,.qy input{flex:none}.cr{gap:6px}.c9rm{width:40px;margin-left:2px}