.mk-ui{--mk-bg:#fff;--mk-fg:#17211b;--mk-muted:#59625c;--mk-line:#dfe5e0;--mk-tint:#f7f9f7;color-scheme:light;font-family:inherit;color:var(--mk-fg);background:var(--mk-bg);line-height:1.5;text-align:left;font-size:15px}.mk-ui *{box-sizing:border-box}.mk-ui h2{font-family:inherit;font-weight:800;font-size:clamp(22px,4vw,30px);line-height:1.15;margin:0 0 12px;letter-spacing:-.03em}.mk-ui p{margin:0 0 16px;max-width:72ch}.mk-ui a{color:inherit;text-decoration:underline;text-underline-offset:3px}.mk-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:2200;border:1px solid var(--mk-line);box-shadow:0 12px 64px #163e2933;border-radius:24px;padding:24px;display:flex;gap:28px;align-items:center;justify-content:space-between;max-height:calc(100dvh - 32px);overflow:auto}.mk-banner>div:first-child{max-width:720px}.mk-actions{display:flex;flex-wrap:wrap;gap:10px}.mk-btn{appearance:none;border:2px solid #ccd6ce;border-radius:999px;background:#fff;color:#17211b;min-height:46px;padding:10px 19px;font-family:inherit;font-weight:700;font-size:14px;line-height:1.25;cursor:pointer;white-space:normal}.mk-btn.mk-secondary{background:transparent;color:var(--mk-fg);border-color:var(--mk-line)}.mk-btn:focus-visible,.mk-ui input:focus-visible,.mk-ui select:focus-visible{outline:3px solid #d89a00;outline-offset:4px}.mk-btn:disabled{opacity:.6;cursor:wait}.mk-dialog{position:fixed;margin:auto;padding:28px;max-width:680px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);border:1px solid var(--mk-line);border-radius:26px;overflow:auto;z-index:2300}.mk-dialog::backdrop{background:#10171366}.mk-category{padding:16px 0;border-top:1px solid var(--mk-line);display:grid;gap:5px}.mk-category span span{display:block;color:var(--mk-muted);font-size:14px}.mk-category>span:not(:has(strong)){color:var(--mk-muted);font-size:14px}.mk-toggle{grid-template-columns:1fr auto;gap:20px;align-items:center}.mk-toggle input{width:24px;height:24px;accent-color:#18763c}.mk-ui select{font:inherit;padding:10px;background:var(--mk-bg);color:var(--mk-fg);border:1px solid var(--mk-line);border-radius:10px}.mk-ui [hidden]{display:none!important}.mk-footer-button{background:transparent!important;color:inherit!important;border:0!important;border-radius:0!important;padding:8px 0!important;text-align:left;font:inherit;min-height:44px;text-decoration:underline}.mk-footer-policy{display:inline-block;padding:8px;min-height:44px}.mk-policy{max-width:900px;margin:80px auto;padding:30px;border-radius:24px}.mk-policy table{width:100%;border-collapse:collapse}.mk-policy td,.mk-policy th{padding:12px;text-align:left;border-bottom:1px solid var(--mk-line);overflow-wrap:anywhere}.mk-policy h1{font-size:clamp(32px,6vw,54px);line-height:1.1}.mk-policy h2{margin-top:28px}.mk-policy .mk-scroll{overflow:auto}.mk-policy td:first-child{font-family:monospace}.mk-policy li{margin-bottom:8px}
[data-mk-theme=dark] .mk-ui{--mk-bg:#202322;--mk-fg:#f5f6f5;--mk-muted:#bcc4be;--mk-line:#4c554f;--mk-tint:#2b302d;color-scheme:dark;}

@media(max-width:1000px){.mk-banner{display:block}.mk-banner .mk-actions{margin-top:12px}}@media(max-width:550px){.mk-banner{left:8px;right:8px;bottom:8px;padding:18px;border-radius:18px;max-height:calc(100dvh - 16px)}.mk-banner .mk-actions{display:grid;grid-template-columns:1fr 1fr}.mk-banner .mk-secondary{grid-column:1/-1}.mk-dialog{padding:20px}.mk-dialog .mk-actions{display:grid;grid-template-columns:1fr 1fr}.mk-policy{padding:20px;margin:24px 8px}.mk-policy table{min-width:600px}}

/* Light by default; optional explicitly saved dark appearance stays available. */
.mk-banner{animation:mk-banner-in .42s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 14px 55px #14221a1a;}
.mk-dialog[open]{animation:mk-dialog-in .28s cubic-bezier(.2,.8,.2,1) both;}
.mk-dialog[open]::backdrop{animation:mk-backdrop-in .24s ease-out both;}
.mk-btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;}
@media(hover:hover){.mk-btn:not(:disabled):hover{background:#f5f8f5;border-color:#8fa797;box-shadow:0 4px 12px #172b1e12;transform:translateY(-2px);}.mk-btn.mk-secondary:not(:disabled):hover{color:var(--mk-fg);background:var(--mk-tint);}.mk-footer-button:not(:disabled):hover{box-shadow:none;}}
.mk-btn:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:none;}
.mk-toggle input{transition:transform .18s ease;}.mk-toggle input:checked{transform:scale(1.06);}
@keyframes mk-banner-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes mk-dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mk-backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.mk-banner,.mk-dialog[open],.mk-dialog[open]::backdrop{animation:none;}.mk-btn,.mk-toggle input{transition:none;}.mk-btn:not(:disabled):hover,.mk-btn:not(:disabled):active,.mk-toggle input:checked{transform:none;}}

/* Match the native Juridik footer links while keeping the control keyboard-accessible. */
.footer-grid>div:not(.footer-brand) .mk-footer-button{color:var(--muted)!important;font:inherit!important;font-size:.94rem!important;line-height:inherit!important;text-decoration:none!important;padding:0!important;min-height:44px;cursor:pointer}
.footer-grid>div:not(.footer-brand) .mk-footer-button:hover{color:var(--green-deep)!important;text-decoration:underline!important;text-underline-offset:4px}

/* Use the same natural line box as the neighboring footer links. */
.footer-grid>div:not(.footer-brand) .mk-footer-button{min-height:0!important;height:auto!important}

/* Match the footer link color used by the active responsive site theme. */
.footer-grid>div:not(.footer-brand) .mk-footer-button{color:#404942!important}

/* Keep the footer control visually still; its text hover matches neighboring links. */
.site-footer .mk-footer-button{transition:none!important}
.site-footer .mk-footer-button:not(:disabled):hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}

/* Use Matkortet's own palette and rounded card language in the consent panel. */
.mk-ui{--mk-bg:var(--surface,#fff);--mk-fg:var(--ink,#11130f);--mk-muted:var(--muted,#596057);--mk-line:var(--line,#dfe7dc);--mk-tint:var(--surface-soft,#f3f8ed)}
.mk-banner,.mk-dialog{background:var(--mk-bg);box-shadow:0 24px 70px rgba(54,71,47,.14)}
.mk-dialog{border-radius:28px}
.mk-category{margin:12px 0;padding:16px;border:1px solid var(--mk-line);border-radius:18px;background:var(--mk-tint)}
.mk-toggle input{accent-color:var(--green-deep,#238f4b)}
.mk-btn{border-radius:999px;font-weight:850}
.mk-btn:focus-visible,.mk-ui input:focus-visible{outline-color:var(--yellow-deep,#e49d1b)}

/* Cookie banner with Foodie artwork; stacks beside the copy on phones. */
.mk-banner{display:grid;grid-template-columns:148px minmax(0,1fr) minmax(300px,390px);gap:20px;align-items:center}
.mk-banner>div:first-child{max-width:none}
.mk-banner-art{display:grid;place-items:center;align-self:stretch}
.mk-banner-art img{display:block;width:100%;height:152px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(34,66,38,.14))}
.mk-banner-copy{max-width:720px;min-width:0}
.mk-banner-copy p{margin-bottom:0}
.mk-banner>.mk-actions{justify-content:flex-end;align-content:center;margin-top:0}
@media(max-width:1000px){.mk-banner{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px 18px}.mk-banner-art{grid-column:1;grid-row:1 / span 2}.mk-banner-copy{grid-column:2;grid-row:1}.mk-banner>.mk-actions{grid-column:2;grid-row:2}}
@media(max-width:550px){.mk-banner{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px 12px;padding:16px}.mk-banner-art{grid-column:1;grid-row:1}.mk-banner-art img{height:92px}.mk-banner-copy{grid-column:2;grid-row:1}.mk-banner-copy h2{font-size:20px}.mk-banner-copy p{font-size:13px}.mk-banner>.mk-actions{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;margin-top:0}.mk-banner .mk-secondary{grid-column:1 / -1}}

/* Gentle idle movement makes Foodie feel like they are enjoying the cookie. */
@keyframes mk-foodie-bite{0%,100%{transform:translateY(0) rotate(0) scale(1)}36%{transform:translateY(-3px) rotate(-1deg) scale(1.015)}52%{transform:translateY(-1px) rotate(1deg) scale(.99)}68%{transform:translateY(0) rotate(0) scale(1)}}
.mk-banner-art img{animation:mk-foodie-bite 3.2s ease-in-out infinite;transform-origin:50% 88%}
@media(prefers-reduced-motion:reduce){.mk-banner-art img{animation:none!important;transform:none!important}}

/* Equal choices and readable age/data controls in the reviewed consent flow. */
.mk-age-check{display:flex;align-items:flex-start;gap:12px;margin:14px 0;font-size:14px;line-height:1.5}
.mk-age-check input{flex:0 0 auto;width:22px;height:22px;accent-color:#238f4b;margin:0}
.mk-banner-copy [data-mk-consent-error]:empty{display:none}
#mk-data-controls{margin:18px 0;padding:16px;border:1px solid var(--mk-line);border-radius:18px}
.mk-banner>.mk-actions .mk-btn:not(.mk-secondary){flex:1 1 45%;background:#fff;color:#17211b;border-color:#ccd6ce}
@media(max-width:550px){.mk-banner>.mk-actions{grid-template-columns:1fr 1fr}.mk-banner>.mk-actions .mk-secondary{grid-column:1/-1}.mk-age-check{font-size:13px}}