/* The offer stays in the viewport while the document scrolls. */
.trial-badge{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:calc(64px + env(safe-area-inset-bottom));width:230px;z-index:45;isolation:isolate}
.trial-badge::before{content:"";position:absolute;inset:14% 5%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#ffe34270 0%,#ffb30035 42%,transparent 72%);filter:blur(13px);animation:trial-glow 3.6s ease-in-out infinite alternate}
.trial-badge a{filter:drop-shadow(0 0 9px #ffda3255)}
@keyframes trial-glow{from{opacity:.65;transform:scale(.95)}to{opacity:1;transform:scale(1.10)}}
.trial-badge[hidden]{display:none}
.trial-badge a{display:block;border-radius:16px;transition:transform .2s}
.trial-badge a:hover{transform:translateY(-4px) rotate(-2deg)}
.trial-badge a:focus-visible{outline:3px solid #ffe034;outline-offset:0}
.trial-badge img{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 68% 66% at 50% 50%,#000 52%,transparent 76%)}
.trial-badge-close{position:absolute;right:8px;top:12px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ffde47;border-radius:50%;background:#160b27;color:#ffe579;font:22px/1 sans-serif;cursor:pointer}
body:has(.menu.open) .trial-badge,body:has(dialog[open]) .trial-badge{visibility:hidden}
@media(max-width:650px){.trial-badge{width:148px;left:max(0px,env(safe-area-inset-left));bottom:calc(40px + env(safe-area-inset-bottom))}.trial-badge-close{right:0;top:0;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.trial-badge a{transition:none}.trial-badge::before{animation:none}}

/* TRIAL_20260917: текстовая плашка для клиента на пробном периоде */
.trial-badge.is-text{width:auto;max-width:260px}
.trial-badge.is-text::before{inset:-10px}
.trial-badge.is-text a{padding:14px 44px 14px 16px;border:2px solid #ffde47;background:#160b27;color:#ffe579;text-decoration:none}
.trial-badge-text{display:grid;gap:4px;font:600 15px/1.25 system-ui,sans-serif}
.trial-badge-text small{font-weight:500;font-size:13px;color:#fff3c4}
.trial-badge.is-text .trial-badge-close{top:50%;right:8px;transform:translateY(-50%)}
@media(max-width:650px){.trial-badge.is-text{width:auto;max-width:210px}.trial-badge-text{font-size:13px}.trial-badge-text small{font-size:12px}}
