/* PsyGioX Cookies — оформление (использует токены сайта, имеет запасные значения) */
.ck-banner,.ck-modal,.ck-fab{--p:var(--c-primary,#1d3a6d);--pd:var(--c-primary-700,#152c54);--a:var(--c-accent,#e8870e);--ink:var(--c-ink,#18202e);--mut:var(--c-muted,#566074);--ln:var(--c-line,#e2ddd1);font-family:var(--font,"Montserrat",system-ui,sans-serif);font-size:15px;line-height:1.55;color:var(--ink);box-sizing:border-box}
.ck-banner *,.ck-modal *{box-sizing:border-box}
.ck-banner[hidden],.ck-modal[hidden],.ck-fab[hidden]{display:none!important}
.ck-banner{position:fixed;z-index:9000;left:max(.6rem,env(safe-area-inset-left));right:max(.6rem,env(safe-area-inset-right));bottom:max(.6rem,env(safe-area-inset-bottom));max-width:980px;margin-inline:auto;padding:1rem 1.1rem;display:grid;gap:.9rem;background:#fff;border:1px solid var(--ln);border-top:4px solid var(--a);border-radius:14px;box-shadow:0 10px 40px rgba(14,26,52,.28);animation:ck-in .3s ease}
.ck-title{margin:0 0 .3rem;font-size:1.05rem;font-weight:700;color:var(--pd)}
.ck-text{margin:0 0 .5rem}
.ck-links{margin:0;font-size:.85rem;color:var(--mut)}
.ck-links a,.ck-text a{color:var(--p)}
.ck-actions{display:grid;gap:.5rem}
.ck-btn{min-height:46px;padding:.6rem 1.2rem;font:inherit;font-weight:700;border-radius:999px;border:2px solid var(--p);cursor:pointer;line-height:1.2;transition:background .15s,color .15s}
.ck-btn--main{background:var(--p);color:#fff}
.ck-btn--main:hover{background:var(--pd);border-color:var(--pd)}
.ck-btn--ghost{background:#fff;color:var(--p)}
.ck-btn--ghost:hover{background:var(--p);color:#fff}
.ck-btn--link{background:transparent;border-color:transparent;color:var(--p);text-decoration:underline;text-underline-offset:.2em}
.ck-btn:focus-visible,.ck-x:focus-visible,.ck-fab:focus-visible,.ck-sw input:focus-visible+i{outline:3px solid var(--a);outline-offset:2px}

.ck-modal{position:fixed;inset:0;z-index:9100;display:grid;place-items:end center}
.ck-backdrop{position:absolute;inset:0;background:rgba(10,16,28,.6)}
.ck-panel{position:relative;width:100%;max-width:640px;max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.3);outline:0;animation:ck-up .25s ease}
.ck-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--ln)}
.ck-head .ck-title{margin:0;font-size:1.15rem}
.ck-x{width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:1.8rem;line-height:1;color:var(--pd);cursor:pointer}
.ck-x:hover{background:#eef2f9}
.ck-scroll{overflow-y:auto;padding:1rem 1.1rem;display:grid;gap:.9rem}
.ck-cat{border:1px solid var(--ln);border-radius:12px;padding:.8rem .9rem;background:#faf8f3}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ck-tag{display:inline-block;margin-left:.5rem;padding:.05rem .55rem;border-radius:999px;background:#e4f5ec;color:#0e4a2d;font-size:.72rem;font-weight:700}
.ck-tag--off{background:#fdecea;color:#7a1711}
.ck-small{margin:.4rem 0 .3rem;font-size:.86rem;color:var(--mut)}
.ck-cat details{margin-top:.3rem}
.ck-cat summary{cursor:pointer;font-weight:700;color:var(--p);font-size:.88rem;padding:.3rem 0}
.ck-dl{margin:.4rem 0 0;font-size:.85rem}
.ck-dl dt{font-weight:700;font-family:ui-monospace,Consolas,monospace;margin-top:.5rem;overflow-wrap:anywhere}
.ck-dl dd{margin:.1rem 0 0;color:var(--mut)}
.ck-status{margin:0;padding:.6rem .8rem;border-radius:10px;background:#e6ecf7;font-size:.88rem}
.ck-actions--modal{padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--ln)}
/* переключатель */
.ck-sw{position:relative;display:inline-block;width:54px;height:30px;flex:none}
.ck-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.ck-sw i{position:absolute;inset:0;border-radius:999px;background:#8b93a3;transition:background .2s}
.ck-sw i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.ck-sw input:checked+i{background:#17794a}
.ck-sw input:checked+i::after{transform:translateX(24px)}
.ck-sw input:disabled{cursor:not-allowed}
.ck-sw input:disabled+i{opacity:.65}
/* кнопка повторного вызова */
.ck-fab{position:fixed;z-index:8000;left:max(.7rem,env(safe-area-inset-left));bottom:max(.7rem,env(safe-area-inset-bottom));width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--ln);border-radius:50%;background:#fff;color:var(--p);box-shadow:0 4px 14px rgba(14,26,52,.2);cursor:pointer}
.ck-fab:hover{background:var(--p);color:#fff}
html.ck-has-banner .back-top{bottom:calc(var(--ck-h,170px) + 1rem)}

@keyframes ck-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ck-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:720px){
  .ck-banner{grid-template-columns:1fr auto;align-items:center;padding:1.1rem 1.4rem}
  .ck-actions{grid-template-columns:repeat(2,auto);justify-content:end}
  .ck-btn--link{grid-column:1/-1;justify-self:end;min-height:36px}
  .ck-modal{place-items:center}
  .ck-panel{border-radius:16px}
  .ck-actions--modal{grid-template-columns:1fr auto auto;justify-content:stretch}
}
@media (prefers-reduced-motion:reduce){.ck-banner,.ck-panel{animation:none}.ck-sw i,.ck-sw i::after{transition:none}}
/* режимы для слабовидящих */
html[data-theme="wb"] .ck-banner,html[data-theme="wb"] .ck-panel,html[data-theme="wb"] .ck-cat,html[data-theme="wb"] .ck-fab{background:#000;color:#fff;border-color:#fff}
html[data-theme="wb"] .ck-title,html[data-theme="wb"] .ck-links a,html[data-theme="wb"] .ck-text a,html[data-theme="wb"] .ck-cat summary,html[data-theme="wb"] .ck-btn--link,html[data-theme="wb"] .ck-x{color:#ffe600}
html[data-theme="wb"] .ck-btn--main{background:#ffe600;color:#000;border-color:#ffe600}
html[data-theme="wb"] .ck-btn--ghost{background:#000;color:#ffe600;border-color:#ffe600}
html[data-theme="wb"] .ck-status{background:#111;color:#fff}
html[data-theme="wb"] .ck-small,html[data-theme="wb"] .ck-dl dd,html[data-theme="wb"] .ck-links{color:#fff}
html[data-theme="bw"] .ck-btn--main{background:#000;border-color:#000}
html[data-fs="1"] .ck-banner,html[data-fs="1"] .ck-modal{font-size:17px}
html[data-fs="2"] .ck-banner,html[data-fs="2"] .ck-modal{font-size:19px}
html[data-fs="3"] .ck-banner,html[data-fs="3"] .ck-modal{font-size:21px}
@media print{.ck-banner,.ck-modal,.ck-fab{display:none!important}}
