/* Sütiablak és sütibeállítások (assets/js/sutik.js) — minden oldalon.
   Önálló: a Stúdió terv színei itt is megvannak, ha egy lap nem adná. */
.ck-bar,.ck-dlg{
  --ck-bg:#E8EEF0; --ck-ink:#0E1114; --ck-ink2:#46525A; --ck-line:rgba(14,17,20,.14);
  --ck-red:#B3262D; --ck-red2:#951C22;
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;
  background:rgba(14,17,20,.55);
  font:450 15.5px/1.55 "Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ck-ink);
  animation:ck-in .25s cubic-bezier(.2,.7,.2,1)
}
.ck-lock{overflow:hidden}
@keyframes ck-in{from{opacity:0}}
.ck-panel{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border-radius:22px;background:var(--ck-bg);box-shadow:0 30px 70px -25px rgba(14,17,20,.6);outline:0}
.ck-panel h2{margin:4px 0 10px;font-size:24px;line-height:1.15;letter-spacing:-.03em;font-weight:700}
.ck-panel p{margin:0}
.ck-panel a{color:inherit;font-weight:600}
.ck-eye{font:500 12px/1.4 "JetBrains Mono",ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--ck-ink2)}
.ck-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.ck-btn{min-height:50px;padding:0 18px;border:0;border-radius:999px;background:var(--ck-red);color:#fff;font-family:inherit;font-weight:600;font-size:15.5px;line-height:1.2;cursor:pointer;transition:background .2s}
.ck-btn:hover{background:var(--ck-red2)}
.ck-btn.ghost{background:transparent;color:var(--ck-ink);box-shadow:inset 0 0 0 1.5px var(--ck-ink)}
.ck-btn.ghost:hover{background:rgba(14,17,20,.06)}
.ck-set{display:block;margin:14px auto 0;padding:8px 10px;border:0;background:none;color:var(--ck-ink2);font-family:inherit;font-weight:600;font-size:14.5px;line-height:1.2;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-set:hover{color:var(--ck-ink)}
.ck-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--ck-ink);font-size:26px;line-height:1;cursor:pointer}
.ck-x:hover{background:rgba(14,17,20,.07)}
.ck-list{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--ck-line)}
.ck-list li{padding:14px 0;border-bottom:1px solid var(--ck-line)}
.ck-list li p{margin-top:4px;font-size:14.5px;color:var(--ck-ink2)}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ck-fix{font-size:13.5px;font-weight:600;color:var(--ck-ink2);white-space:nowrap}
.ck-sw{position:relative;flex:none;width:48px;height:28px;cursor:pointer}
.ck-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ck-sw span[aria-hidden]{position:absolute;inset:0;border-radius:999px;background:rgba(14,17,20,.25);transition:background .2s;pointer-events:none}
.ck-sw span[aria-hidden]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(14,17,20,.3);transition:transform .2s}
.ck-sw input:checked+span{background:var(--ck-red)}
.ck-sw input:checked+span::after{transform:translateX(20px)}
.ck-sw input:focus-visible+span{outline:3px solid var(--ck-ink);outline-offset:2px}
.ck-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(.ck-bar,.ck-dlg) :focus-visible{outline:3px solid var(--ck-ink);outline-offset:3px}
/* a lábléc „Sütibeállítások” gombja linknek néz ki */
.ck-open{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.ck-open:hover{color:var(--red,#B3262D)}
@media (max-width:480px){.ck-panel{padding:22px 18px}.ck-acts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ck-bar,.ck-dlg{animation:none}.ck-sw span,.ck-sw span::after,.ck-btn{transition:none}}