@font-face{font-family:"TAI LQ Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"TAI LQ Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Весь border-box <=100px, safe-area входит в бюджет, а не прибавляется к нему.
   На mobile: 1 border + 1 padding + 20 title + 44 actions + 34 safe = 100. */
.tai-lq-bottom{--tai-lq-bottom-safe:env(safe-area-inset-bottom,0px);position:fixed;z-index:1000;left:0;right:0;bottom:0;width:100%;max-width:none;height:100px;max-height:100px;box-sizing:border-box;margin:0;padding:0 0 clamp(0px,var(--tai-lq-bottom-safe),34px);border:0;border-top:1px solid #e4e6ea;border-radius:0;background:#fff;color:#16213a;font-family:"TAI LQ Inter",sans-serif;box-shadow:0 -6px 24px rgba(20,28,46,.10),0 -1px 0 rgba(20,28,46,.04)}
.tai-lq-bottom[hidden]{display:none!important}
.tai-lq-bottom *{box-sizing:border-box}
.tai-lq-bottom__row{display:flex;align-items:center;gap:22px;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:4px 24px;min-width:0}
.tai-lq-bottom__icon{display:grid;place-items:center;flex:none;width:52px;height:52px;color:#1b2944}
.tai-lq-bottom__icon svg{width:52px;height:52px}
.tai-lq-bottom__copy{flex:1;min-width:0}
.tai-lq-bottom__title{margin:0;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.005em;overflow-wrap:anywhere}
.tai-lq-bottom__sub{margin:5px 0 0;font-size:16px;font-weight:400;line-height:1.4;color:#4a5160}
.tai-lq-bottom__mobile,.tai-lq-bottom__note,.tai-lq-bottom__icon-mobile{display:none}
.tai-lq-bottom__btn{appearance:none;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;min-height:44px;min-width:250px;margin:0;padding:0 22px;border:0;border-radius:10px;background:linear-gradient(90deg,#3d9fdf 0%,#3790d3 50%,#2f7bc0 100%);color:#fff;font:500 17px/1.2 "TAI LQ Inter",sans-serif;text-decoration:none;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:0 8px 20px -6px rgba(55,144,211,.55),0 0 0 4px rgba(61,159,223,.07)}
.tai-lq-bottom__btn svg{flex:none;width:17px;height:17px}
.tai-lq-bottom__btn:hover{filter:brightness(1.07)}
.tai-lq-bottom__close{appearance:none;display:grid;place-items:center;flex:none;width:50px;height:50px;margin:0;padding:0;border:0;border-radius:50%;background:#dfe2e8;color:#4c5466;cursor:pointer}
.tai-lq-bottom__close:hover{background:#d3d7df}
.tai-lq-bottom__close svg{width:22px;height:22px}
.tai-lq-bottom__btn:focus-visible,.tai-lq-bottom__close:focus-visible{outline:3px solid rgba(61,159,223,.6);outline-offset:2px}
.tai-lq-bottom-spacer{display:block;flex:none;width:100%;height:var(--tai-lq-bottom-height,100px);margin:0;padding:0;border:0;pointer-events:none}
/* Bottom приоритетнее legacy sticky на этой странице, даже после dismiss.
   Storage и условия старого sticky не меняются. */
.tai-lq-bottom-page .tai-lq-sticky-bar{display:none!important}
@media(max-width:1100px){
 .tai-lq-bottom__row{gap:16px;padding-left:18px;padding-right:18px}
 .tai-lq-bottom__icon,.tai-lq-bottom__icon svg{width:44px;height:44px}
 .tai-lq-bottom__title{font-size:18px}
 .tai-lq-bottom__sub{font-size:14px}
 .tai-lq-bottom__btn{min-width:0;height:50px;font-size:16px;padding:0 18px}
 .tai-lq-bottom__close{width:44px;height:44px}
}
/* При safe-area / длинных текстах JS включает компактную раскладку и на tablet. */
@media(max-width:900px){.tai-lq-bottom__icon{display:none}.tai-lq-bottom__row{gap:12px}.tai-lq-bottom__title{font-size:16px}.tai-lq-bottom__sub{font-size:14px}}
.tai-lq-bottom--compact .tai-lq-bottom__row{display:grid;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:20px 44px;column-gap:8px;row-gap:0;padding:1px 12px 0;align-content:start}
.tai-lq-bottom--compact .tai-lq-bottom__desktop,.tai-lq-bottom--compact .tai-lq-bottom__icon{display:none}
.tai-lq-bottom--compact .tai-lq-bottom__mobile{display:block}
.tai-lq-bottom--compact .tai-lq-bottom__copy{grid-column:1/-1;grid-row:1}
.tai-lq-bottom--compact .tai-lq-bottom__title{font-size:14px;line-height:20px;white-space:normal}
.tai-lq-bottom--compact .tai-lq-bottom__btn{grid-column:1;grid-row:2;width:100%;min-width:0;height:44px;padding:0 13px;border-radius:999px;gap:5px;font-size:14px;background:linear-gradient(90deg,#3aa6ee 0%,#2a8fe4 55%,#1f7ddb 100%);box-shadow:0 6px 14px -4px rgba(31,125,219,.5)}
.tai-lq-bottom--compact .tai-lq-bottom__btn svg{width:13px;height:13px}
.tai-lq-bottom--compact .tai-lq-bottom__close{grid-column:2;grid-row:2;width:40px;height:40px;align-self:center;background:#e8eaee;color:#5a6172}
/* Дополнительное пояснение только при наличии свободных 20px; при safe34 скрыто. */
.tai-lq-bottom--note .tai-lq-bottom__note{display:block;font-size:14px;line-height:20px;color:#6a707d}
.tai-lq-bottom--note .tai-lq-bottom__row{grid-template-rows:40px 44px}
.tai-lq-bottom-page.tai-lq-has-sticky{padding-bottom:0!important}
