#marktBezoek{--mk-cream:#f6ead1;--mk-ink:#302517;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#1b150e;color:var(--mk-cream);font-family:Georgia,serif;overflow:hidden}
#marktBezoek[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
#marktBezoek:not([open]){display:none!important}
#marktBezoek::backdrop{background:#130d07}
#marktBezoek *{box-sizing:border-box}
#marktBezoek button,#marktBezoek select{font:inherit;cursor:pointer;min-height:44px}
#marktBezoek button{background:#47351f;color:var(--mk-cream);border:1px solid #c7a164;border-radius:8px;padding:9px 14px;line-height:1.35}
#marktBezoek button:focus-visible,#marktBezoek select:focus-visible{outline:3px solid #fff1b0;outline-offset:3px}
#marktBezoek button:hover{background:#654923}
#marktBezoek button:disabled{opacity:.55;cursor:default}
#marktBezoek .mk-primary{background:#e6c88c;color:#2a1c0a;font-weight:bold}
#marktBezoek [hidden]{display:none!important}
.mk-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:#261c11;border-bottom:1px solid #795936}
.mk-header h2{margin:3px 0 0;font-size:clamp(20px,2vw,28px)}
.mk-header small{text-transform:uppercase;letter-spacing:.12em;color:#d3af75}
.mk-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0}
.mk-visit{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0;overflow:auto;touch-action:pan-y}
.mk-visit figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 auto;min-height:150px}
#mkPhoto{display:block;width:100%;max-height:calc(100dvh - 360px);min-height:150px;object-fit:contain;border-radius:5px}
#mkPhotoLabel{font-size:13px;color:#d0b996;margin-top:6px}
.mk-talk{display:flex;gap:12px;align-items:flex-start;justify-content:center;flex-wrap:wrap;flex-shrink:0}
.mk-bubble{position:relative;background:#f6ead1;color:#35291b;border:1px solid #b7975f;border-radius:16px;padding:12px 16px;flex:1 1 230px;max-width:650px;box-shadow:0 3px 13px #0003}
.mk-bubble::before{content:"";position:absolute;top:-8px;left:25px;width:14px;height:14px;background:#f6ead1;border-top:1px solid #b7975f;border-left:1px solid #b7975f;transform:rotate(45deg)}
.mk-bubble b{font-size:12px;letter-spacing:.025em;color:#75562b}
.mk-bubble p{margin:6px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.5}
.mk-bubble.mk-couple{background:#e7ecd9;border-color:#abb38d}.mk-bubble.mk-couple::before{background:#e7ecd9;border-color:#abb38d}
.mk-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;flex-shrink:0;padding:1px 0 7px}
.mk-quantity{display:flex;align-items:center;gap:8px;font-size:14px}.mk-quantity select{padding:6px;max-width:200px}
.mk-counter{overflow:auto;padding:16px 16px 20px 0;touch-action:pan-y}
.mk-board{background:#27312c;border:8px solid #654b2d;box-shadow:inset 0 0 16px #0005;padding:15px 10px;color:#f8f3e6}
.mk-board h3{font-size:19px;text-align:center;margin:0 0 8px;font-weight:normal}
.mk-board p{font-size:12px;text-align:center;margin:0 0 16px;line-height:1.5;color:#cfcfc2}
#marktBezoek .mk-product{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;padding:14px 3px;border:0;border-bottom:1px dashed #92978b;border-radius:0;background:transparent;color:#f8f3e6;text-align:left}
.mk-product strong{grid-column:1;font-weight:normal;font-size:17px}.mk-product small{grid-column:1;color:#d0d5cc}.mk-product span{grid-column:2;grid-row:1/3;align-self:center;font-size:18px;white-space:nowrap}
#marktBezoek .mk-product:hover{background:#ffffff10}
.mk-basket{padding:16px 3px 4px}.mk-basket h3{font-size:19px;margin:0 0 10px}#mkCount{display:inline-block;padding:2px 7px;background:#453321;border-radius:5px;font-size:14px}
.mk-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font-size:14px;border-bottom:1px solid #57442e}
#marktBezoek .mk-line button{min-width:44px;padding:3px}
.mk-total{font-weight:bold;font-size:18px}.mk-purse,.mk-receipt{font-size:14px;line-height:1.55;color:#e6cea8}.mk-receipt{color:#d6e6b2}
#mkCheckout{width:100%}
@media(min-width:1500px){.mk-layout{grid-template-columns:minmax(0,1fr) 355px}.mk-visit{padding:22px}.mk-counter{padding-top:22px}}
@media(max-width:800px){#marktBezoek{overflow:auto;display:block}#marktBezoek[open]{display:block}.mk-header{position:sticky;top:0;z-index:2;padding:10px 12px}.mk-header h2{font-size:20px}.mk-header button{font-size:13px;max-width:140px}.mk-layout{display:flex;flex-direction:column}.mk-visit{padding:14px 10px;overflow:visible}.mk-visit figure{min-height:0}#mkPhoto{min-height:0;max-height:none;width:100%;height:auto}.mk-talk{gap:12px}.mk-bubble{max-width:none;flex-basis:100%;padding:11px 14px}.mk-bubble p{font-size:16px}.mk-actions{gap:8px}.mk-counter{padding:0 12px max(20px,env(safe-area-inset-bottom));overflow:visible}.mk-board{border-width:6px}.mk-board p{margin-bottom:6px}.mk-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#marktBezoek .mk-product{display:flex;flex-direction:column;justify-content:space-between;text-align:center;align-items:center;border-bottom:0;padding:8px 0}.mk-product span{font-size:17px}.mk-product strong{font-size:15px}.mk-product small{font-size:12px}.mk-quantity{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){#marktBezoek *{scroll-behavior:auto!important}}