/* cookies/banner (nova) v1.1.5.298 — SOFT-UI: м'який sheet знизу + модалка.
   Без рамок (де-фрейм канон), кнопки — глобальні .kp-btn. HB-001: 0 hex,
   HB-002: без glow. Тільки var(--n-*). */


/* v1.1.5.298 — hidden має перемагати component display:grid.
   Без цього modal.hidden=true не ховає модалку, бо author CSS .kp-cookie-modal{display:grid}
   перекриває UA stylesheet для [hidden]. */
.kp-cookie[hidden],
.kp-cookie-modal[hidden]{display:none!important}

.kp-cookie{
  position:fixed;
  inset:auto 0 0 0;
  z-index:1200;
  padding:0 14px calc(14px + env(safe-area-inset-bottom, 0px));
  pointer-events:none;
}
.kp-cookie__sheet{
  pointer-events:auto;
  max-width:880px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border-radius:var(--n-r-xl);
  background:color-mix(in srgb, var(--n-bg-2) 96%, transparent);
  box-shadow:0 24px 60px rgba(var(--n-ink),.28);
}
.kp-cookie__title{
  color:var(--n-text-strong);
  font-family:var(--n-font-display);
  font-size:15px;
  font-weight:800;
}
.kp-cookie__text{
  margin:5px 0 0;
  color:var(--n-text-soft);
  font-size:13px;
  line-height:1.55;
}
.kp-cookie__text a{color:var(--n-accent);text-decoration:underline}
.kp-cookie__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

/* ── Модалка налаштувань ── */
.kp-cookie-modal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:grid;
  place-items:center;
  padding:16px;
  background:var(--n-scrim, rgba(var(--n-ink),.55));
}
.kp-cookie-modal__box{
  width:min(560px, 100%);
  max-height:min(86vh, 720px);
  display:grid;
  grid-template-rows:auto 1fr auto;
  border-radius:var(--n-r-xl);
  background:var(--n-bg-2);
  box-shadow:0 30px 80px rgba(var(--n-ink),.35);
  overflow:hidden;
}
.kp-cookie-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 20px 12px;
}
.kp-cookie-modal__title{
  color:var(--n-text-strong);
  font-family:var(--n-font-display);
  font-size:16px;
  font-weight:800;
}
.kp-cookie-modal__close{
  width:36px;height:36px;
  display:grid;place-items:center;
  border:0;border-radius:50%;
  background:var(--n-bg-soft);
  color:var(--n-text-soft);
  font-size:14px;cursor:pointer;
}
.kp-cookie-modal__close:hover{color:var(--n-text-strong)}
.kp-cookie-modal__body{padding:0 20px 8px;overflow-y:auto;display:grid;gap:12px}
.kp-cookie-modal__intro{margin:0;color:var(--n-text-soft);font-size:13px;line-height:1.55}
.kp-cookie-modal__foot{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;
  padding:14px 20px 18px;
  border-top:1px solid var(--n-line);
}

/* категорія — м'який чіп, роздільники зверху */
.kp-cookie-cat{
  padding:12px 14px;
  border-radius:var(--n-r-md);
  background:var(--n-bg-soft);
}
.kp-cookie-cat__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kp-cookie-cat__row strong{color:var(--n-text-strong);font-size:14px}
.kp-cookie-cat__always{color:var(--n-text-mute);font-size:12px}
.kp-cookie-cat__desc{margin:6px 0 0;color:var(--n-text-mute);font-size:12.5px;line-height:1.5}

/* перемикач — трек без рамки (як account toggle) */
.kp-cookie-switch{position:relative;display:inline-block;width:48px;height:28px;flex:0 0 auto;cursor:pointer}
.kp-cookie-switch input{position:absolute;opacity:0;pointer-events:none}
.kp-cookie-switch span{
  position:absolute;inset:0;border-radius:999px;
  background:color-mix(in srgb, var(--n-text-mute) 26%, transparent);
  transition:background .16s ease;
}
.kp-cookie-switch span::after{
  content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);
  width:20px;height:20px;border-radius:50%;
  background:var(--n-bg-2);
  box-shadow:0 2px 6px rgba(var(--n-ink),.25);
  transition:left .16s ease;
}
.kp-cookie-switch input:checked + span{background:var(--n-accent)}
.kp-cookie-switch input:checked + span::after{left:24px}
.kp-cookie-switch input:focus-visible + span{box-shadow:0 0 0 3px var(--n-accent-ring)}

/* режим реклами */
.kp-cookie-adsmode{margin-top:10px;display:grid;gap:8px}
.kp-cookie-adsmode__label{color:var(--n-text-mute);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--n-font-display)}
.kp-cookie-radio{display:flex;align-items:center;gap:9px;color:var(--n-text-soft);font-size:13px;cursor:pointer}
.kp-cookie-radio input{accent-color:var(--n-accent)}
.kp-cookie-adsmode__hint{margin:2px 0 0;color:var(--n-text-mute);font-size:12px;line-height:1.5}

@media(max-width:640px){
  .kp-cookie__sheet{grid-template-columns:1fr}
  .kp-cookie__actions{justify-content:stretch}
  .kp-cookie__actions .kp-btn{flex:1 1 auto}
}