/* Motivacija kolačići – consent pop-up */
.mkc{--mkc-accent:#c8f43c;--mkc-ink:#151515;--mkc-card:#eff6f7;--mkc-muted:#6d6f76;position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Plus Jakarta Sans','Jost','Kumbh Sans',system-ui,sans-serif;pointer-events:none}
.mkc[hidden]{display:none}
.mkc *{box-sizing:border-box}
.mkc__bg{position:absolute;inset:0;background:rgba(21,21,21,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s;pointer-events:auto}
.mkc__box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;color:var(--mkc-ink);border-radius:28px;padding:34px 34px 28px;box-shadow:0 30px 80px rgba(0,0,0,.22);transform:translateY(24px) scale(.98);opacity:0;transition:transform .35s ease,opacity .35s ease;pointer-events:auto}
.mkc.is-in .mkc__bg{opacity:1}
.mkc.is-in .mkc__box{transform:none;opacity:1}
/* positions */
.mkc--bottom-left{align-items:flex-end;justify-content:flex-start}
.mkc--bottom-left .mkc__bg,.mkc--bottom .mkc__bg{display:none}
.mkc--bottom-left .mkc__box{max-width:440px}
.mkc--bottom{align-items:flex-end}
.mkc--bottom .mkc__box{max-width:1100px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:22px;align-items:center;padding:22px 26px}
.mkc--bottom .mkc__ico{grid-row:1/3}
.mkc--bottom .mkc__t{margin:0 0 4px}
.mkc--bottom .mkc__d{margin:0}
.mkc--bottom .mkc__btns{grid-column:3;grid-row:1/3;margin:0;flex-wrap:nowrap}
.mkc--bottom .mkc__groups{grid-column:1/-1}
.mkc--bottom.is-open .mkc__box{grid-template-columns:auto minmax(0,1fr)}
.mkc--bottom.is-open .mkc__btns{grid-column:1/-1;grid-row:auto;margin-top:16px}
/* content */
.mkc__ico{width:52px;height:52px;border-radius:50%;background:var(--mkc-accent);color:var(--mkc-ink);display:grid;place-items:center;margin-bottom:18px}
.mkc--bottom .mkc__ico{margin:0}
.mkc__t{font-family:inherit;font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.03em;color:var(--mkc-ink);margin:0 0 10px}
.mkc__d{font-size:15px;line-height:1.6;color:var(--mkc-muted);margin:0 0 22px}
.mkc__d a{color:var(--mkc-ink);text-decoration:underline;text-decoration-color:var(--mkc-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.mkc__groups{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}
.mkc__groups[hidden]{display:none}
.mkc__g{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--mkc-card);border-radius:18px;padding:14px 16px;cursor:pointer}
.mkc__gt{display:flex;flex-direction:column;gap:3px;min-width:0}
.mkc__gt b{font-size:15px;color:var(--mkc-ink)}
.mkc__gt small{font-size:13px;line-height:1.45;color:var(--mkc-muted)}
.mkc__sw{position:relative;flex:none;width:46px;height:26px}
.mkc__sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.mkc__sw i{position:absolute;inset:0;border-radius:20px;background:#d5dadc;transition:background .2s}
.mkc__sw i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.mkc__sw input:checked+i{background:var(--mkc-ink)}
.mkc__sw input:checked+i::after{transform:translateX(20px);background:var(--mkc-accent)}
.mkc__sw input:disabled+i{opacity:.55}
.mkc__sw input:focus-visible+i{outline:2px solid var(--mkc-ink);outline-offset:2px}
.mkc__btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mkc__b{height:50px;padding:0 24px;border-radius:40px;border:0;font:600 15px/1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,transform .2s;white-space:nowrap}
.mkc__b[hidden]{display:none}
.mkc__b--accept,.mkc__b--save{background:var(--mkc-accent);color:var(--mkc-ink)}
.mkc__b--accept:hover,.mkc__b--save:hover{background:var(--mkc-ink);color:#fff}
.mkc__b--reject{background:var(--mkc-ink);color:#fff}
.mkc__b--reject:hover{background:#3a3b40}
.mkc__b--link{background:none;color:var(--mkc-ink);padding:0 10px;text-decoration:underline;text-underline-offset:3px}
.mkc__b--link:hover{color:var(--mkc-muted)}
.mkc__b:focus-visible{outline:2px solid var(--mkc-ink);outline-offset:3px}
/* reopen button */
.mkc-fab{position:fixed;left:20px;bottom:20px;z-index:9998;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#151515;box-shadow:0 6px 24px rgba(0,0,0,.15);display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s}
.mkc-fab[hidden]{display:none}
.mkc-fab:hover{transform:scale(1.06);background:#c8f43c}
@media (max-width:760px){
  .mkc{padding:0;align-items:flex-end}
  .mkc__box,.mkc--bottom-left .mkc__box,.mkc--bottom .mkc__box{max-width:none;border-radius:26px 26px 0 0;padding:28px 20px 22px;display:block}
  .mkc--bottom .mkc__ico{margin-bottom:14px}
  .mkc__btns{display:grid;grid-template-columns:1fr 1fr}
  .mkc__b--link,.mkc__b--save{grid-column:1/-1}
  .mkc__t{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.mkc__box,.mkc__bg{transition:none}}
/* settings view: save = dark, reject = outline */
.mkc__b--save{background:var(--mkc-ink);color:#fff}
.mkc__b--save:hover{background:var(--mkc-accent);color:var(--mkc-ink)}
.mkc.is-open .mkc__b--reject{background:none;color:var(--mkc-ink);box-shadow:inset 0 0 0 1.5px var(--mkc-ink)}
.mkc.is-open .mkc__b--reject:hover{background:var(--mkc-card)}
.mkc__box:focus{outline:0}