/* Подсказка «добавить на главный экран» — плавающая карточка внизу экрана (v2, 2026-10-20) */
.a2hs{--a-ink:#f2f7ff;--a-mute:#a9bfe6;position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1000;width:min(430px,calc(100vw - 24px));box-sizing:border-box;padding:18px 18px 12px;border-radius:24px;color:var(--a-ink);font-family:var(--font-display,system-ui,-apple-system,sans-serif);
  background:radial-gradient(90% 120% at 100% 0,rgba(122,92,255,.42),transparent 58%),radial-gradient(80% 100% at 0 100%,rgba(10,139,255,.32),transparent 60%),linear-gradient(165deg,#0f2150,#07101f);
  box-shadow:0 26px 60px -16px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transform:translate(-50%,130%);opacity:0;transition:transform .55s cubic-bezier(.2,.9,.25,1.05),opacity .4s}
.a2hs::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#52c8ff,rgba(122,92,255,.55) 45%,rgba(255,196,64,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:a2hsGlow 3s ease-in-out infinite}
.a2hs.is-on{transform:translate(-50%,0);opacity:1}
.a2hs *{font-family:inherit;box-sizing:border-box}
.a2hs__h{display:flex;gap:14px;align-items:center;padding-right:34px}
.a2hs__ic{position:relative;flex:none;width:58px;height:58px;border-radius:15px;display:block;box-shadow:0 10px 24px -8px rgba(10,139,255,.85)}
.a2hs__ic::after{content:"";position:absolute;inset:-3px;border-radius:18px;border:2px solid rgba(82,200,255,.65);animation:a2hsRing 2.2s ease-out infinite}
.a2hs__ic img{display:block;width:100%;height:100%;border-radius:15px;object-fit:cover}
.a2hs__tx{min-width:0}
.a2hs__t{margin:0 0 3px;font:900 17px/1.2 var(--font-display,system-ui);letter-spacing:-.01em;color:#fff}
.a2hs__s{margin:0;font:500 13px/1.4 var(--font-display,system-ui);color:var(--a-mute)}
.a2hs__chips{display:flex;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.a2hs__chips li{padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(160,200,255,.22);font:700 11.5px/1 var(--font-display,system-ui);letter-spacing:.02em;color:#d6e6ff}
.a2hs__st{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:stretch;margin:14px 0 0;padding:0;list-style:none}
.a2hs__st li:not(.a2hs__to){position:relative;display:grid;justify-items:center;gap:8px;padding:14px 8px 12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(160,200,255,.26);text-align:center}
.a2hs__st i{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#52c8ff;color:#04122c;font:900 11px/1 var(--font-display,system-ui);font-style:normal}
.a2hs__k{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0a8bff,#7a5cff);color:#fff;box-shadow:0 8px 18px -8px rgba(10,139,255,.9)}
.a2hs__k svg{width:22px;height:22px}
.a2hs__st b{font:800 13px/1.25 var(--font-display,system-ui);color:#fff}
.a2hs__to{align-self:center;color:#52c8ff;font:900 26px/1 var(--font-display,system-ui);text-shadow:0 0 12px rgba(82,200,255,.8)}
.a2hs__row{margin:14px 0 0}
.a2hs__go{appearance:none;display:block;width:100%;border:0;cursor:pointer;padding:15px 20px;border-radius:16px;background:linear-gradient(120deg,#0a8bff,#7a5cff 60%,#b05cff);color:#fff;font:900 16px/1 var(--font-display,system-ui);letter-spacing:.005em;box-shadow:0 14px 28px -12px rgba(10,139,255,.95),0 0 0 1px rgba(255,255,255,.18) inset;animation:a2hsBeat 2.2s ease-in-out infinite}
.a2hs__go:active{transform:scale(.98)}
.a2hs__ghost{appearance:none;display:block;margin:8px auto 0;border:0;background:transparent;cursor:pointer;padding:10px 14px;border-radius:99px;color:var(--a-mute);font:700 13px/1 var(--font-display,system-ui)}
.a2hs__ghost:hover{color:#fff;background:rgba(255,255,255,.08)}
.a2hs__x{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;appearance:none;border:0;background:rgba(255,255,255,.07);color:#cfe0fb;font:400 22px/1 system-ui;cursor:pointer;border-radius:50%}
.a2hs__x:hover{color:#fff;background:rgba(255,255,255,.16)}
.a2hs__arrow{position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);font:900 26px/1 system-ui;color:#52c8ff;text-shadow:0 0 14px rgba(82,200,255,.9);animation:a2hsArrow 1.3s ease-in-out infinite}
.a2hs--ios{margin-bottom:36px}
@keyframes a2hsGlow{50%{opacity:.55}}
@keyframes a2hsRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes a2hsBeat{50%{transform:scale(1.025)}}
@keyframes a2hsArrow{50%{transform:translate(-50%,6px)}}
@media (max-width:360px){.a2hs__st b{font-size:12px}.a2hs__chips{display:none}}
@media (prefers-reduced-motion:reduce){.a2hs::before,.a2hs__ic::after,.a2hs__go,.a2hs__arrow{animation:none}.a2hs{transition:opacity .2s}}