/* iMarketing 360 - banner zgod (Consent Mode v2). Pelnoszerokosciowy pasek. Zmienne :root z motywu. */
#im360-cc,#im360-cc *{box-sizing:border-box}
#im360-cc{position:fixed;left:0;right:0;bottom:0;z-index:99999;
  background:var(--surface,#fff);color:var(--ink,#16282f);border-top:1px solid var(--border,rgba(58,87,99,.14));
  box-shadow:0 -12px 44px rgba(22,40,47,.16);padding:18px 26px;
  font-family:var(--font-body,'Inter',sans-serif);transform:translateY(100%);opacity:0;visibility:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.3,1),opacity .45s,visibility .45s}
#im360-cc.show{transform:translateY(0);opacity:1;visibility:visible}
#im360-cc .cc-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
#im360-cc .cc-body{display:flex;align-items:flex-start;gap:14px;flex:1 1 440px;min-width:260px}
#im360-cc .cc-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--grad,linear-gradient(120deg,#3a5763,#13727f,#6db6c4));display:grid;place-items:center}
#im360-cc .cc-ico svg{width:22px;height:22px;color:#fff}
#im360-cc h2{font-family:var(--font-display,'Plus Jakarta Sans',sans-serif);font-size:1.12rem;line-height:1.25;margin:0 0 4px;color:var(--ink,#16282f)}
#im360-cc p{font-size:.9rem;line-height:1.5;color:var(--text-soft,#456470);margin:0;max-width:62ch}
#im360-cc a.cc-link{color:var(--marine,#13727f);font-weight:600;text-decoration:underline}
#im360-cc .cc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex:0 0 auto}
#im360-cc .cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 24px;border-radius:50px;font-weight:600;font-size:.92rem;font-family:inherit;cursor:pointer;border:1.6px solid transparent;white-space:nowrap;
  transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s}
#im360-cc .cc-accept{background:var(--teal,#3a5763);color:#fff}
#im360-cc .cc-accept:hover{background:var(--marine,#13727f);transform:translateY(-2px);box-shadow:0 0 0 4px rgba(109,182,196,.25),0 10px 28px rgba(19,114,127,.3)}
#im360-cc .cc-reject{background:#fff;color:var(--teal,#3a5763);border-color:var(--steel,#6e8f9a)}
#im360-cc .cc-reject:hover{border-color:var(--teal,#3a5763);color:var(--ink,#16282f);transform:translateY(-2px)}
#im360-cc .cc-settings-link{background:none;border:none;color:var(--text-soft,#456470);font-weight:600;font-size:.88rem;font-family:inherit;cursor:pointer;text-decoration:underline;padding:8px 6px;white-space:nowrap}
#im360-cc .cc-settings-link:hover{color:var(--marine,#13727f)}
/* panel ustawien - pelna szerokosc paska */
#im360-cc .cc-panel{display:none;flex-basis:100%;margin-top:4px;border-top:1px solid var(--border,rgba(58,87,99,.14));padding-top:10px}
#im360-cc.open .cc-panel{display:block}
#im360-cc .cc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--border,rgba(58,87,99,.1))}
#im360-cc .cc-row:last-of-type{border-bottom:none}
#im360-cc .cc-row b{display:block;font-size:.92rem;color:var(--ink,#16282f);font-family:var(--font-display,sans-serif)}
#im360-cc .cc-row small{display:block;font-size:.82rem;color:var(--text-soft,#456470);margin-top:2px;line-height:1.45;max-width:80ch}
#im360-cc .cc-save{margin-top:14px}
#im360-cc .cc-sw{flex:0 0 auto;position:relative;width:46px;height:26px;margin-top:2px}
#im360-cc .cc-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
#im360-cc .cc-sw span{position:absolute;inset:0;border-radius:50px;background:var(--mist,#cfdde2);transition:background .25s}
#im360-cc .cc-sw span::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 .25s}
#im360-cc .cc-sw input:checked + span{background:var(--marine,#13727f)}
#im360-cc .cc-sw input:checked + span::after{transform:translateX(20px)}
#im360-cc .cc-sw input:disabled + span{background:var(--marine,#13727f);opacity:.5}
#im360-cc .cc-sw input:focus-visible + span{outline:2px solid var(--marine,#13727f);outline-offset:2px}
@media(max-width:720px){
  #im360-cc{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  #im360-cc .cc-inner{gap:12px}
  #im360-cc h2{font-size:1.04rem}
  #im360-cc .cc-actions{width:100%;flex-direction:column;align-items:stretch;gap:8px}
  #im360-cc .cc-btn{width:100%;min-width:0}
  #im360-cc .cc-settings-link{align-self:center;padding:10px 6px}
}
#im360-cc-reopen{position:fixed;left:18px;bottom:18px;z-index:99998;width:46px;height:46px;border-radius:50%;
  background:var(--surface,#fff);border:1px solid var(--border,rgba(58,87,99,.14));box-shadow:0 8px 24px rgba(22,40,47,.16);
  display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--teal,#3a5763)}
#im360-cc-reopen.show{display:flex}
#im360-cc-reopen:hover{color:var(--marine,#13727f);transform:translateY(-2px)}
#im360-cc-reopen svg{width:22px;height:22px}
@media(prefers-reduced-motion:reduce){#im360-cc{transition:opacity .01ms!important;transform:none!important}}
