/* MUSE cookie-баннер (task-143) — лёгкие стили, правьте свободно */
.ck-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:110;display:flex;align-items:center;gap:18px;
  flex-wrap:wrap;padding:16px 20px;border-radius:var(--brand-radius-lg);background:#1a1d27;color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(16px);
  transition:opacity var(--muse-float-motion,.42s) var(--muse-float-ease,cubic-bezier(.22,.72,.2,1)),
    transform var(--muse-float-motion,.42s) var(--muse-float-ease,cubic-bezier(.22,.72,.2,1)),
    visibility var(--muse-float-motion,.42s) var(--muse-float-ease,cubic-bezier(.22,.72,.2,1))}
.ck-bar.ck-in{opacity:1;transform:none}
.ck-bar.ck-hide{opacity:0;visibility:hidden;transform:translateY(calc(100% + 24px)) scale(.985)}
.ck-ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.ck-text{flex:1;min-width:220px;font-size:14px;line-height:1.5;color:#dfe1ea}
.ck-link{color:#ffb86c;font-weight:600;text-decoration:none}
.ck-link:hover{opacity:.8}
.ck-actions{display:flex;gap:10px;align-items:center}
.ck-btn{padding:11px 22px;border-radius:var(--brand-radius-ctl);border:none;font-weight:700;font-size:14px;cursor:pointer}
.ck-ok{background:var(--grad);color:#fff}
.ck-ok:hover{background:#d83b78}
.ck-ghost{background:transparent;color:#aeb4c4;border:1px solid #3a3f4b}
.ck-ghost:hover{color:#fff;border-color:#5b6172}
@media(max-width:560px){.ck-bar{left:8px;right:8px;bottom:8px;padding:14px 16px}.ck-bar .ck-actions{width:100%}.ck-bar .ck-btn{flex:1}}
/* Вид «карточка-уголок» (task-200) — компактный, 1-в-1 как на foxyjewelry.ru:
   горизонтально (текст | кнопка), светлая карточка с blur, печенька внутри кнопки. */
.ck-corner{left:auto;right:14px;bottom:14px;max-width:360px;flex-direction:row;align-items:center;gap:12px;padding:22px 24px;
  background:rgba(249,237,237,.9);color:#101114;border-radius:var(--brand-radius-lg);box-shadow:0 12px 30px rgba(0,0,0,.2);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ck-corner.ck-pos-bl{right:auto;left:14px}
.ck-corner.ck-pos-bc{right:auto;left:50%;transform:translateX(-50%) translateY(16px)}
.ck-corner.ck-pos-bc.ck-in{transform:translateX(-50%)}
.ck-corner.ck-pos-bc.ck-hide{transform:translateX(-50%) translateY(calc(100% + 24px)) scale(.985)}
.ck-corner .ck-content{flex:1 1 auto;min-width:0}
.ck-corner .ck-title{font-size:14.5px;font-weight:600;margin-bottom:4px;color:#101114}
.ck-corner .ck-text{flex:none;font-size:12.8px;line-height:1.45;color:#3a3d44;opacity:.95}
.ck-corner .ck-link{color:#101114;font-weight:500;text-decoration:underline;text-underline-offset:2px}
.ck-corner .ck-actions{flex:0 0 auto}
.ck-corner .ck-ok{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:12.8px;line-height:1;white-space:nowrap}
.ck-ok-ic{display:inline-flex;align-items:center}
.ck-ok-ic svg{display:block}
@media(max-width:560px){.ck-corner{left:12px;right:12px;max-width:none;align-items:flex-start}.ck-corner.ck-pos-bc{left:12px;transform:translateY(16px)}.ck-corner.ck-pos-bc.ck-in{transform:none}.ck-corner.ck-pos-bc.ck-hide{transform:translateY(calc(100% + 24px)) scale(.985)}}

/* ── МКАРС: палитра и радиусы (в MuseCMS они приходят из темы) ───────────── */
.ck-bar{--brand-radius-lg:16px;--brand-radius-ctl:10px;z-index:1010;font-family:Manrope,Arial,sans-serif}
.ck-corner{background:#fff;border:1px solid #dde6ee;box-shadow:0 14px 36px rgba(20,45,62,.16);
  max-width:400px;padding:20px 22px;gap:14px}
.ck-corner .ck-title{color:#16232f;font-size:15px}
.ck-corner .ck-text{color:#4a5a68;font-size:12.8px}
.ck-corner .ck-link{color:#176782;text-decoration:underline;text-underline-offset:2px}
.ck-ok{background:linear-gradient(90deg,#1a6b8a 0%,#205372 60%,#2e8fa3 100%);color:#fff}
.ck-ok:hover{background:linear-gradient(90deg,#15596f 0%,#1a465f 60%,#257c8e 100%)}
.ck-ghost{color:#6b7c8b;border:1px solid #d5dee6;background:transparent}
.ck-ghost:hover{color:#16232f;border-color:#9fb1bf}
.ck-corner .ck-actions{flex-direction:row;align-items:center;gap:8px;flex:0 0 auto}
.ck-corner .ck-ghost{padding:10px 14px;font-size:12.8px;line-height:1;white-space:nowrap}
@media(max-width:560px){
  .ck-corner{flex-direction:column;align-items:stretch;max-width:none}
  .ck-corner .ck-actions{flex-direction:row;width:100%}
  .ck-corner .ck-actions .ck-btn{flex:1;justify-content:center}
}

/* Ссылка «Настройки cookie» в подвале */
.mcars-cookie-reset{cursor:pointer}

/* кнопки в ряд под текстом */
.ck-bar.ck-corner{flex-direction:column;align-items:stretch;gap:14px}
.ck-bar.ck-corner .ck-actions{justify-content:flex-end}
.ck-bar.ck-corner .ck-actions .ck-btn{flex:0 0 auto}
@media(max-width:560px){.ck-bar.ck-corner .ck-actions .ck-btn{flex:1;justify-content:center}}

/* одинаковая высота кнопок: у «Принять» внутри иконка, иначе она выше «Отклонить» */
.ck-bar.ck-corner .ck-btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding-top:0;padding-bottom:0;box-sizing:border-box}

/* мобильные: карточка по центру с равными полями.
   .ck-pos-bl задаёт right:auto — без этого правила карточка прилипала к правому краю. */
@media(max-width:560px){
  /* bottom с запасом: внизу справа плавает кнопка чата Jivo (~64px),
     при bottom:12px она перекрывала кнопку «Принять». */
  .ck-bar.ck-corner,
  .ck-bar.ck-corner.ck-pos-bl,
  .ck-bar.ck-corner.ck-pos-br{left:12px;right:12px;bottom:88px;max-width:none}
}