/* №676: мягкая стена отчета (web/wall.js): закрытый блок - размытые первые строки и кнопка; полоса в нижней плашке; окно при уходе */
/* подложка под надписью - цветом карточки (var(--card)) через color-mix: светлая и темная тема одним правилом, старые браузеры - белая */
.wl{position:relative;margin:4px 0 0;border:1px solid var(--line);border-radius:18px;background:var(--card,#fff);box-shadow:var(--sh);overflow:hidden;min-height:196px}
.wl-blur{padding:24px 26px 30px;filter:blur(7px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.55}
.wl-blur p{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--ink)}
.wl-blur p:first-child{font-weight:600;color:var(--ink)}
/* надпись и кнопка - на подложке цвета карточки с мягким краем: заголовок чистый, вокруг только намек на текст */
.wl-cta{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px 22px;text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.4) 100%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--card,#fff) 8%,transparent) 0%,color-mix(in srgb,var(--card,#fff) 40%,transparent) 100%)}
.wl-pane{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:600px;padding:16px 28px 18px;border-radius:24px;
  background:rgba(255,255,255,.9);box-shadow:0 0 30px 24px rgba(255,255,255,.9);
  background:color-mix(in srgb,var(--card,#fff) 90%,transparent);box-shadow:0 0 30px 24px color-mix(in srgb,var(--card,#fff) 90%,transparent)}
.wl-cta b{max-width:520px;font-size:16.5px;line-height:1.35;color:var(--ink);text-wrap:balance}
.wl-cta span{font-size:13.5px;color:var(--mute)}
.wl-go{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:6px;padding:12px 24px;
  border-radius:999px;background:var(--btn,#121118);color:#fff;font-size:15.5px;font-weight:600;line-height:1.25;text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px -12px rgba(24,20,40,.6);transition:background .18s,transform .15s}
.wl-go:hover{background:var(--btn-h,#2E1A73);transform:translateY(-1px)}
.wl-go:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
#s-seo .wl,#s-quick .wl{margin-top:18px}
/* полоса оффера - в нижней плашке отчета вместо кнопки кабинета */
#sticky.wall #stCab{display:none}
.sticky-in .st-wall{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border:0;border-radius:999px;background:var(--btn,#121118);
  color:#fff;font:inherit;font-weight:600;font-size:15px;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px -10px rgba(24,20,40,.55)}
.sticky-in .st-wall:hover{background:var(--btn-h,#2E1A73)}
.sticky-in .st-wall-x{flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mute);font-size:22px;line-height:1;cursor:pointer}
.sticky-in .st-wall-x:hover{background:var(--line2,rgba(24,20,40,.06));color:var(--ink)}
/* пока плавающая плашка видна, низ страницы не уходит под нее: отступ на ее высоту (64px) и место над ней; с плашкой cookies - выше */
body:has(#sticky.show:not([hidden])){padding-bottom:108px}
body:has(#cookie:not([hidden])):has(#sticky.show:not([hidden])){padding-bottom:184px}
@media (max-width:600px){body:has(#cookie:not([hidden])):has(#sticky.show:not([hidden])){padding-bottom:228px}}
/* окно при уходе со страницы (только компьютер) */
.wl-exit .modal-card{width:min(520px,100%)}
.wl-exit h3{margin:0 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.wl-exit .muted{margin:0 0 16px}
.wl-exit .auth-gets{margin:0 0 22px}
.wl-wide{display:flex;width:100%}
.wl-later{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:10px;padding:8px;text-align:center;color:var(--mute);font-size:14px;cursor:pointer}
.wl-later:hover{color:var(--ink)}
/* №682: кнопки входа в один клик над полем телефона - пустой контейнер не виден */
.auth-oneclick:empty{display:none}
@media (max-width:600px){
  .wl{min-height:228px;border-radius:16px}
  .wl-blur{padding:18px 16px 24px}
  .wl-cta{padding:16px}
  .wl-pane{width:100%;padding:12px 6px 14px;box-shadow:0 0 22px 16px color-mix(in srgb,var(--card,#fff) 90%,transparent)}
  .wl-cta b{font-size:15.5px}
  .wl-go{width:100%;font-size:15px}
  .sticky-in .st-wall{flex:1 1 auto;padding:0 16px;font-size:14.5px}
  .sticky-in .st-wall-x{width:30px;height:30px}
}