.ozpc-bar[hidden],.ozpc [hidden]{display:none!important}
.ozpc-bar{position:fixed;z-index:90;inset:auto max(1rem,calc((100vw - 75rem)/2)) calc(1rem + env(safe-area-inset-bottom));display:flex;gap:1rem;align-items:center;padding:1rem 1.25rem;background:var(--oz-color-ink,#161617);color:var(--oz-color-white,#fff);border-radius:var(--oz-radius-large,1.25rem);box-shadow:var(--oz-shadow-elevated);font:inherit;max-height:calc(100dvh - 2rem);overflow:auto}
.ozpc-bar ul{display:flex;flex:1;list-style:none;margin:0;padding:0;gap:.5rem;min-width:0}.ozpc-bar li{display:flex;align-items:center;gap:.5rem;min-width:0;font-size:.8125rem}.ozpc-bar li span{max-width:10rem}.ozpc-bar img{background:var(--oz-color-white);border-radius:.5rem;object-fit:contain;flex-shrink:0}
body .ozpc-bar button,body .ozpc-bar button:is(:hover,:focus,:active){color:var(--oz-color-white);background:transparent;border:0;min-width:44px;min-height:44px;padding:0;border-radius:0;box-shadow:none;font-size:1.5rem}

.ozpc-bar a{white-space:nowrap;flex-shrink:0}
/* Reserve space inside the footer so its links stay above the fixed bar. */
.ozpc-has-bar .oz-site-footer{padding-bottom:calc(var(--ozpc-bar-height,6rem) + 2rem + env(safe-area-inset-bottom))}
.ozpc-bar-notice:not(:empty){position:fixed;z-index:100;bottom:calc(var(--ozpc-bar-height,6rem) + 2rem);left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;background:var(--oz-color-white);color:var(--oz-color-ink);padding:1rem;border-radius:var(--oz-radius-medium);box-shadow:var(--oz-shadow-card)}
.ozpc-integration-button{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;border:0;background:transparent;color:var(--oz-color-ink);font:inherit;font-weight:600;padding:.5rem 0;text-decoration:underline;text-underline-offset:.25em}.ozpc-editorial-action{margin-top:var(--oz-section-spacing-compact)}
.ozpc-bar :focus-visible,.ozpc-integration-button:focus-visible{outline:3px solid var(--oz-color-focus,#0b63ce);outline-offset:3px}
.ozpc-bar .ozpc-bar-summary{display:none;text-decoration:underline}
body .ozpc-bar button.ozpc-bar-summary,
body .ozpc-bar button.ozpc-bar-summary:is(:hover,:focus,:active){font-size:.8125rem;line-height:1.5}
@media(max-width:1023px){.ozpc-bar{inset:auto .5rem calc(.5rem + env(safe-area-inset-bottom));padding:.75rem;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.ozpc-bar .ozpc-bar-summary{display:block}.ozpc-bar ul{display:none;order:3;flex-basis:100%;overflow-x:auto}.ozpc-bar.is-expanded ul{display:flex}.ozpc-bar li{flex:none}.ozpc-bar li span{max-width:7rem}.ozpc-bar img{width:28px;height:28px}.ozpc-bar a{font-size:.875rem;padding:.625rem .75rem}}
@media print{.ozpc-bar,.ozpc-integration-button,.oz-compare-toggle,.ozpc-bar-notice{display:none!important}.ozpc-has-bar .oz-site-footer{padding-bottom:0}}
html:has(.ozpc-has-bar){scroll-padding-top:100px;scroll-padding-bottom:calc(var(--ozpc-bar-height,6rem) + 2rem)}

/* Compact Compare outline actions: stable geometry in every interaction state. */
.ozpc .ozpc-slot-actions .ozpc-text-button,
.ozpc .ozpc-slot-actions .ozpc-text-button:is(:hover,:focus,:active),
body .ozpc-bar button.ozpc-bar-clear,
body .ozpc-bar button.ozpc-bar-clear:is(:hover,:focus,:active) {
 display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
 min-height:44px;min-width:44px;max-width:none;
 padding:.5rem .875rem;border:2px solid var(--ozpc-action-color,var(--oz-color-ink));
 border-radius:var(--oz-radius-pill);background:transparent;
 color:var(--ozpc-action-color,var(--oz-color-ink));
 font-family:var(--oz-font-family-body);font-size:.8125rem;line-height:1.2;
 font-weight:var(--oz-font-weight-bold);white-space:nowrap;text-align:center;
 text-decoration:none;transform:none;box-shadow:none;
 transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease;
}
.ozpc .ozpc-slot-actions {gap:var(--oz-space-sm);flex-wrap:wrap}
.ozpc .ozpc-slot-actions [data-slot-remove] {
 --ozpc-action-color:var(--oz-color-error);--ozpc-action-surface:var(--oz-color-error-surface);
}
body .ozpc-bar button.ozpc-bar-clear {
 --ozpc-action-color:color-mix(in srgb,var(--oz-color-error) 30%,var(--oz-color-white));
 --ozpc-action-surface:color-mix(in srgb,var(--oz-color-error) 15%,var(--oz-color-ink));
}
.ozpc .ozpc-slot-actions .ozpc-text-button:is(:hover,:active),
body .ozpc-bar button.ozpc-bar-clear:is(:hover,:active) {
 background:var(--ozpc-action-surface,var(--oz-color-surface));
}
@media(max-width:1023px){body .ozpc-bar button.ozpc-bar-clear,body .ozpc-bar button.ozpc-bar-clear:is(:hover,:focus,:active){padding-inline:.5rem}}
@media(prefers-reduced-motion:reduce){.ozpc .ozpc-slot-actions .ozpc-text-button,body .ozpc-bar button.ozpc-bar-clear{transition:none}}

/* Shared product option: native checkbox, never a commerce CTA. */
.oz-compare-toggle {
 display:flex;align-items:center;align-self:flex-start;gap:var(--oz-space-xs);
 width:fit-content;max-width:100%;min-height:var(--oz-control-min-height);
 margin-block:var(--oz-space-xs);padding:0;border:0;background:transparent;
 color:var(--oz-color-ink);font-family:var(--oz-font-family-body);
 font-size:var(--oz-font-size-body);font-weight:var(--oz-font-weight-medium);
 line-height:1.5;cursor:pointer;
}
.oz-compare-toggle input[type="checkbox"] {
 appearance:none;flex:none;display:grid;place-content:center;
 box-sizing:border-box;width:1.125rem;height:1.125rem;
 min-width:1.125rem;min-height:1.125rem;max-width:1.125rem;max-height:1.125rem;margin:0;padding:0;
 border:1px solid var(--oz-color-text-muted);border-radius:var(--oz-radius-small);
 background:var(--oz-color-white);color:var(--oz-color-on-primary);cursor:inherit;
}
.oz-compare-toggle input::before {
 content:"";width:.3rem;height:.6rem;border:solid currentColor;
 border-width:0 2px 2px 0;transform:translateY(-.08rem) rotate(45deg);visibility:hidden;
}
.oz-compare-toggle input:checked {background:var(--oz-color-primary);border-color:var(--oz-color-primary)}
.oz-compare-toggle input:checked::before {visibility:visible}
.oz-compare-toggle:not(.is-disabled):hover {color:var(--oz-color-primary)}
.oz-compare-toggle:not(.is-disabled):hover input {border-color:var(--oz-color-primary)}
.oz-compare-toggle input:focus-visible {outline:2px solid var(--oz-color-focus);outline-offset:3px;box-shadow:var(--oz-focus-ring)}
.oz-compare-toggle.is-disabled {color:var(--oz-color-text-muted);cursor:not-allowed}
.oz-compare-toggle input:disabled {background:var(--oz-color-surface)}
.woocommerce ul.products li.product .oz-compare-toggle {margin-inline:1.25rem;margin-bottom:0}
.woocommerce ul.products li.product .oz-compare-toggle + .button {margin-top:var(--oz-space-xs)}
@media(forced-colors:active){.oz-compare-toggle input[type="checkbox"]{appearance:auto}.oz-compare-toggle input::before{display:none}}

/* Ruimte rechts voor de knop van de chatassistent (die zet --ozai-space zolang hij naast de balk staat). */
html.ozai-beside-bar .ozpc-bar{right:max(1rem,calc((100vw - 75rem)/2),var(--ozai-space,0px))}
@media(max-width:1023px){html.ozai-beside-bar .ozpc-bar{right:max(.5rem,var(--ozai-space,0px))}}
