/* Плавающая карточка согласия на cookie для публичного лендинга */
.ck-card{
  position:fixed;right:20px;bottom:20px;z-index:1000;width:300px;box-sizing:border-box;
  background:#fff;border:1px solid rgba(20,20,28,.06);border-radius:24px;padding:22px;
  box-shadow:0 10px 40px rgba(20,20,28,.14);color:var(--ink,#14141c);
  font:14px/1.45 inherit;font-family:inherit;
  opacity:0;transform:translateY(12px);
  transition:opacity .25s ease,transform .25s ease;
}
.ck-card.ck-show{opacity:1;transform:none}
/* Первый вид — широкая нижняя плашка */
.ck-card.ck-bar{
  left:50%;right:auto;bottom:20px;width:min(760px,calc(100% - 32px));
  display:flex;align-items:center;gap:20px;
  padding:18px 22px;background:#fff;border:1px solid rgba(20,20,28,.08);
  border-radius:18px;box-shadow:0 12px 40px rgba(20,20,28,.14);
  font-size:13.5px;line-height:1.5;color:#3a3a46;
  transform:translate(-50%,12px);
}
.ck-card.ck-bar.ck-show{transform:translate(-50%,0)}
.ck-card.ck-bar .ck-text{flex:1;margin:0;color:#3a3a46}
.ck-card.ck-bar .ck-actions{flex:none;flex-direction:row;align-items:center;gap:8px}
.ck-card.ck-bar .ck-btn{width:auto;height:42px}
.ck-card.ck-bar .ck-btn-outline{background:#fff;border:1px solid rgba(20,20,28,.2);border-radius:999px;padding:0 20px}
.ck-card.ck-bar .ck-btn-solid{background:#14141c;color:#fff;border:1px solid #14141c;border-radius:999px;padding:0 22px;font-weight:600}
.ck-text{margin:0 0 16px;color:var(--ink-soft,#5c5e72)}
.ck-text a{color:var(--ink,#14141c);text-decoration:underline;text-underline-offset:3px}
.ck-actions{display:flex;flex-direction:column;gap:6px}
.ck-btn{
  box-sizing:border-box;width:100%;height:40px;padding:0 14px;margin:0;
  border:0;border-radius:12px;background:transparent;color:var(--ink,#14141c);
  font:inherit;font-weight:600;cursor:pointer;text-align:center;
}
.ck-btn-outline{background:#fff;border:1px solid rgba(20,20,28,.18)}
.ck-btn-outline:hover{background:#f4f3ef}
.ck-btn-text{background:transparent}
.ck-btn-text:hover{background:#f4f3ef}
.ck-btn-solid{background:#111;color:#fff;border:1px solid #111}
.ck-btn-solid:hover{background:#000}
.ck-btn:focus-visible{outline:2px solid rgba(20,20,28,.4);outline-offset:2px}
.ck-rows{display:flex;flex-direction:column;gap:14px;margin:0 0 16px}
.ck-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ck-row-t{font-weight:600;color:var(--ink,#14141c)}
.ck-row-h{display:block;margin-top:2px;color:var(--ink-soft,#5c5e72);font-size:13px}
.ck-switch{
  position:relative;flex:none;width:42px;height:24px;margin:0;padding:0;
  appearance:none;-webkit-appearance:none;background:#d9d8d3;border-radius:999px;
  cursor:pointer;transition:background .2s ease;
}
.ck-switch::after{
  content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;
  background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(20,20,28,.3);
  transition:transform .2s ease;
}
.ck-switch:checked{background:#111}
.ck-switch:checked::after{transform:translateX(18px)}
.ck-switch:disabled{opacity:.5;cursor:default}
.ck-switch:focus-visible{outline:2px solid rgba(20,20,28,.4);outline-offset:2px}
@media (max-width:520px){
  .ck-card{left:12px;right:12px;width:auto}
}
@media (max-width:640px){
  .ck-card.ck-bar{flex-direction:column;align-items:stretch;gap:14px}
  .ck-card.ck-bar .ck-actions{flex-direction:row;width:100%}
  .ck-card.ck-bar .ck-btn{flex:1;width:auto}
}
@media (prefers-reduced-motion:reduce){
  .ck-card{transition:none;transform:none}
  .ck-card.ck-bar{transform:translate(-50%,0)}
  .ck-switch,.ck-switch::after{transition:none}
}