:root{--mezaj-preview-cream:#F2EEE9;--mezaj-preview-surface:#E5E0DA}
:root[data-mezaj-cream=outer-ivory]{--mezaj-preview-cream:#E7DBCB}
:root[data-mezaj-cream=cream]{--mezaj-preview-cream:#F5EBDD;--mezaj-preview-surface:#EADCCB}
@font-face{font-family:MezajDemo;src:url('/assets/mezaj/dm-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:MezajDemo;src:url('/assets/mezaj/dm-600.ttf') format('truetype');font-weight:600 800;font-display:swap}
body,body.vc,button,input,select,textarea{font-family:MezajDemo,sans-serif}
.preview-label strong,.preview-label button{color:#b4442f}
:focus-visible{outline-color:#b4442f}
.attribution img{width:80px!important;height:auto!important;object-fit:contain}

/* Embedded demos retain native form behavior while sharing the Events picker.
   Older engines keep their accessible platform picker. */
body {--mezaj-picker-paper:var(--mezaj-preview-cream);--mezaj-picker-ink:#1D1C1A;--mezaj-picker-hover:var(--mezaj-preview-surface);--mezaj-picker-line:#C9C1B5}
html[data-theme=dark] body,body[data-preview-theme=dark] {--mezaj-picker-paper:#1D1C1A;--mezaj-picker-ink:var(--mezaj-preview-cream);--mezaj-picker-hover:#2B2926;--mezaj-picker-line:#68635C}
html body select {min-height:44px;border:1px solid var(--mezaj-picker-line);border-radius:6px;background-color:var(--mezaj-picker-paper);color:var(--mezaj-picker-ink);font:400 16px/1.5 MezajDemo,sans-serif}
html body select:focus-visible {outline:2px solid var(--mezaj-picker-ink);outline-offset:2px}
@supports (appearance:base-select) {
 html body select,html body select::picker(select) {appearance:base-select!important}
 html body select {display:inline-flex!important;align-items:center;justify-content:space-between;box-sizing:border-box;padding:8px 14px!important;background-image:none!important;gap:12px}
 html body .product-size>svg,html body .qty>svg,html body .qty::after {display:none}
 html body select::picker-icon {content:"";width:9px;height:9px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;margin:0 3px 5px 0;color:inherit}
 html body select::picker(select) {margin-block:6px;min-width:max(150px,anchor-size(width));max-width:calc(100vw - 24px);max-height:360px;overflow:auto;padding:8px;border:1px solid var(--mezaj-picker-line);border-radius:8px;background:var(--mezaj-picker-paper);color:var(--mezaj-picker-ink);box-shadow:0 8px 24px #0003;font:400 16px/1.5 MezajDemo,sans-serif}
 html body select option {display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:4px;white-space:normal;background:var(--mezaj-picker-paper);color:var(--mezaj-picker-ink);font:inherit}
 html body select option:is(:hover,:focus-visible) {background:var(--mezaj-picker-hover);outline:none}
 html body select option::checkmark {order:2;margin-inline-start:auto;font-size:16px}
 html body select option:disabled {opacity:.45}
}
@media(forced-colors:active) {body {--mezaj-picker-paper:Canvas;--mezaj-picker-ink:CanvasText;--mezaj-picker-hover:Highlight;--mezaj-picker-line:ButtonText}html body select option:is(:hover,:focus-visible) {background:Highlight;color:HighlightText}}