/* bots_series_v6: три бота, один бот на слайд (стрелки, точки, свайп, клавиатура). Слева телефон с живой петлёй, справа имя, польза, цифра, 2-3 пункта. Все селекторы под .c-bots_series_v6 */
.c-bots_series_v6{--bs5-s:.5;font-family:var(--font);color:var(--text);background:var(--page);padding:clamp(18px,3.2vw,44px) var(--pad) clamp(10px,2vw,24px);max-width:1440px;margin:0 auto;box-sizing:border-box;height:100vh;height:100svh;min-height:560px;display:flex;flex-direction:column;overflow:hidden}
.c-bots_series_v6 *,.c-bots_series_v6 *::before,.c-bots_series_v6 *::after{box-sizing:border-box}
.c-bots_series_v6 h2,.c-bots_series_v6 h3,.c-bots_series_v6 p{margin:0}
.c-bots_series_v6 ul{list-style:none;margin:0;padding:0}

.c-bots_series_v6 .bs5-head{flex:none;margin-bottom:clamp(10px,2vw,26px)}
.c-bots_series_v6 .bs5-title{font-size:clamp(32px,4.4vw,56px);line-height:1;letter-spacing:-.04em;font-weight:600;color:var(--heading)}
.c-bots_series_v6 .bs5-lead{margin-top:8px;font-size:clamp(15px,1.3vw,18px);line-height:1.4;color:var(--text-2)}

/* carousel: exactly one bot per slide */
.c-bots_series_v6 .bs5-viewport{flex:1;min-height:0;margin:0 calc(var(--pad)*-1)}
.c-bots_series_v6 .bs5-row{display:flex;height:100%;gap:calc(var(--pad)*2);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:0 var(--pad);scroll-padding:0 var(--pad);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;outline:none}
.c-bots_series_v6 .bs5-row::-webkit-scrollbar{display:none}
.c-bots_series_v6 .bs5-row:focus-visible{outline:2px solid var(--heading);outline-offset:-2px;border-radius:var(--radius-sm)}
.c-bots_series_v6 .bs5-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;height:100%;display:flex;flex-direction:column;gap:10px}

.c-bots_series_v6 .bs5-info{flex:none;min-width:0}
.c-bots_series_v6 .bs5-name{display:flex;gap:10px;align-items:baseline;font-size:clamp(20px,2.2vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--heading)}
.c-bots_series_v6 .bs5-name span{font:500 12px/1 var(--mono);color:var(--faint);letter-spacing:0}
.c-bots_series_v6 .bs5-what{margin-top:4px;font-size:clamp(14px,1.35vw,19px);line-height:1.35;color:var(--text-2);max-width:34ch}
.c-bots_series_v6 .bs5-num{margin-top:8px;display:flex;align-items:baseline;gap:10px}
.c-bots_series_v6 .bs5-num b{font-size:clamp(30px,4.6vw,72px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--heading);white-space:nowrap;font-variant-numeric:tabular-nums}
.c-bots_series_v6 .bs5-num span{font-size:13px;color:var(--text-3)}
.c-bots_series_v6 .bs5-feats{margin-top:8px;display:grid;gap:3px}
.c-bots_series_v6 .bs5-feats li{position:relative;padding-left:16px;font-size:13px;line-height:1.35;color:var(--text-2)}
.c-bots_series_v6 .bs5-feats li::before{content:"";position:absolute;left:2px;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--heading)}

.c-bots_series_v6 .bs5-holder{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center}
.c-bots_series_v6 .bs5-phone{flex:none;width:calc(390px*var(--bs5-s));height:calc(844px*var(--bs5-s));border-radius:calc(46px*var(--bs5-s));overflow:hidden;position:relative;border:1px solid var(--line-2);box-shadow:0 0 0 calc(7px*var(--bs5-s)) var(--dark);margin:calc(7px*var(--bs5-s))}
.c-bots_series_v6 .bs5-scr{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(var(--bs5-s));transform-origin:0 0;display:flex;flex-direction:column;overflow:hidden;background:#cfe0bd;color:#000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.32;text-align:left}

.c-bots_series_v6 .bs5-nav{flex:none;display:flex;align-items:center;gap:12px;margin-top:8px}
.c-bots_series_v6 .bs5-dots{display:flex;gap:2px}
.c-bots_series_v6 .bs5-count{margin-right:auto;font:500 12px/1 var(--mono);color:var(--faint);font-variant-numeric:tabular-nums}
.c-bots_series_v6 .bs5-dots button{width:28px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.c-bots_series_v6 .bs5-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-2);transition:background .3s var(--ease),transform .3s var(--ease)}
.c-bots_series_v6 .bs5-dots button[aria-selected="true"]::before{background:var(--heading);transform:scale(1.25)}
.c-bots_series_v6 .bs5-arr{width:48px;height:44px;border-radius:999px;border:1px solid var(--line-2);background:var(--page);color:var(--heading);font:500 20px/1 var(--font);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),opacity .25s}
.c-bots_series_v6 .bs5-next{background:var(--heading);color:var(--page);border-color:var(--heading)}
.c-bots_series_v6 .bs5-arr:disabled{opacity:.3;cursor:default}
.c-bots_series_v6 .bs5-nav button:focus-visible{outline:2px solid var(--heading);outline-offset:2px}

/* ---- Telegram chrome (ported from tg.css) ---- */
.c-bots_series_v6 .bs5-wall{position:absolute;inset:0;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23577a3f' stroke-opacity='.13' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='18' cy='20' r='7'/%3E%3Cpath d='M70 14l8 8 8-8M60 60c6-8 18-8 24 0M20 80l10-10 10 10-10 10zM96 76a8 8 0 1 0 0 .1M44 104h18M53 95v18M100 104l8-10 8 10'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(165deg,#dfeac8 0%,#c9dcb0 45%,#b9d2a3 100%)}
.c-bots_series_v6 .bs5-status{height:47px;flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 30px 8px 36px;font-weight:600;font-size:16px;position:relative;z-index:3;background:rgba(247,247,247,.94)}
.c-bots_series_v6 .bs5-status.bs5-white{background:#fff}
.c-bots_series_v6 .bs5-ic{width:25px;height:12px;border:1.5px solid rgba(0,0,0,.4);border-radius:4px;position:relative;margin-bottom:3px}
.c-bots_series_v6 .bs5-ic::after{content:"";position:absolute;inset:1.5px;border-radius:2px;background:#000}
.c-bots_series_v6 .bs5-chathead{height:52px;flex:none;display:flex;align-items:center;padding:0 12px 0 10px;position:relative;z-index:3;background:rgba(247,247,247,.94);border-bottom:.5px solid rgba(0,0,0,.18)}
.c-bots_series_v6 .bs5-back{color:#007aff;font-size:17px;width:90px}
.c-bots_series_v6 .bs5-mid{flex:1;text-align:center;line-height:1.15}
.c-bots_series_v6 .bs5-mid b{font-size:16.5px;font-weight:600;display:block}
.c-bots_series_v6 .bs5-mid span{font-size:13px;color:#8e8e93}
.c-bots_series_v6 .bs5-ava{width:37px;height:37px;border-radius:50%;margin-left:53px}
.c-bots_series_v6 .bs5-msgs{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;gap:6px;overflow:hidden}
.c-bots_series_v6 .bs5-b{max-width:82%;width:fit-content;background:#fff;border-radius:17px;border-bottom-left-radius:5px;padding:6px 10px 7px 11px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08);white-space:pre-wrap;overflow-wrap:anywhere}
.c-bots_series_v6 .bs5-b.bs5-out{background:#e1fec6;margin-left:auto;border-bottom-left-radius:17px;border-bottom-right-radius:5px}
.c-bots_series_v6 .bs5-t{float:right;font-size:11.5px;color:#8e8e93;margin:8px 0 -4px 10px;line-height:1;white-space:nowrap}
.c-bots_series_v6 .bs5-out .bs5-t{color:#3fa63a}
.c-bots_series_v6 .bs5-b a{color:#1f74d0}
.c-bots_series_v6 .bs5-sm{font-size:15px}
.c-bots_series_v6 .bs5-b.bs5-media{padding:0;overflow:hidden;width:90%;max-width:90%;white-space:normal}
.c-bots_series_v6 .bs5-cap{padding:6px 10px 7px 11px;white-space:pre-wrap;display:flow-root}
.c-bots_series_v6 .bs5-cap b{font-weight:600}
.c-bots_series_v6 .bs5-album{display:grid;gap:2px}
.c-bots_series_v6 .bs5-a3{grid-template-columns:2fr 1fr;grid-template-rows:90px 90px}
.c-bots_series_v6 .bs5-a3 .bs5-room:first-child{grid-row:1/3}
.c-bots_series_v6 .bs5-a2{grid-template-columns:1fr 1fr;grid-template-rows:120px}
.c-bots_series_v6 .bs5-input{flex:none;position:relative;z-index:3;background:rgba(247,247,247,.96);border-top:.5px solid rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;padding:7px 10px 30px}
.c-bots_series_v6 .bs5-menu{background:#2a9af0;color:#fff;font-size:15px;font-weight:600;border-radius:16px;padding:6px 12px}
.c-bots_series_v6 .bs5-field{flex:1;height:36px;border-radius:18px;background:#fff;border:.5px solid rgba(0,0,0,.15);color:#a0a0a5;display:flex;align-items:center;padding:0 14px}

/* neutral room placeholders (no photos) */
.c-bots_series_v6 .bs5-room{display:block;width:100%;height:100%}
.c-bots_series_v6 .bs5-r1{background:linear-gradient(#cdb9a0,#bfa98e) 12% 82%/52% 18% no-repeat,linear-gradient(#f7f5ef,#e4eef4) 78% 22%/24% 40% no-repeat,linear-gradient(180deg,#ece4d8 0 66%,#b99d7d 66% 100%)}
.c-bots_series_v6 .bs5-r2{background:linear-gradient(#9fa7a3,#8d9692) 50% 80%/62% 14% no-repeat,radial-gradient(circle at 50% 18%,#fff8e6 0 9%,transparent 10%),linear-gradient(180deg,#e7e9e6 0 64%,#a8927a 64% 100%)}
.c-bots_series_v6 .bs5-r3{background:linear-gradient(#f4f6f8,#dfe9ef) 30% 26%/40% 44% no-repeat,linear-gradient(180deg,#e2ddd5 0 70%,#c4b6a2 70% 100%)}
.c-bots_series_v6 .bs5-r4{background:linear-gradient(#d6cfc4,#c8bfb2) 70% 78%/40% 20% no-repeat,linear-gradient(#f8f6f1,#e6eef2) 20% 24%/30% 46% no-repeat,linear-gradient(180deg,#f0ebe3 0 68%,#9f8a72 68% 100%)}

/* ---- Kufar loop (10s) ---- */
.c-bots_series_v6 .bs5-pill{position:absolute;top:108px;left:50%;transform:translateX(-50%);z-index:4;background:rgba(66,92,52,.42);color:#fff;font-size:13px;font-weight:500;padding:4px 11px;border-radius:12px;display:flex;gap:6px;align-items:center;white-space:nowrap}
.c-bots_series_v6 .bs5-pill i{width:8px;height:8px;border-radius:50%;background:#5df07a;animation:bs5-pulse 1.6s ease-in-out infinite}
@keyframes bs5-pulse{50%{opacity:.3;transform:scale(.7)}}
.c-bots_series_v6 .bs5-lv{overflow:hidden;opacity:0;max-height:0;flex:none;animation:10s ease-in-out infinite both}
.c-bots_series_v6 .bs5-k1{animation-name:bs5-k1}.c-bots_series_v6 .bs5-k2{animation-name:bs5-k2}.c-bots_series_v6 .bs5-k3{animation-name:bs5-k3}
@keyframes bs5-k1{0%,4%{opacity:0;max-height:0}9%,90%{opacity:1;max-height:60px}97%,100%{opacity:0;max-height:60px}}
@keyframes bs5-k2{0%,14%{opacity:0;max-height:0}22%,90%{opacity:1;max-height:520px}97%,100%{opacity:0;max-height:520px}}
@keyframes bs5-k3{0%,44%{opacity:0;max-height:0}52%,90%{opacity:1;max-height:420px}97%,100%{opacity:0;max-height:420px}}

/* ---- Video downloader loop (8s) ---- */
@property --bs5-p{syntax:"<integer>";inherits:true;initial-value:0}
.c-bots_series_v6 .bs5-reel .bs5-lv{animation-duration:8s}
.c-bots_series_v6 .bs5-r-link{animation-name:bs5-link}.c-bots_series_v6 .bs5-r-stat{animation-name:bs5-stat}.c-bots_series_v6 .bs5-r-vid{animation-name:bs5-vidin}
@keyframes bs5-link{0%,3%{opacity:0;max-height:0}8%,94%{opacity:1;max-height:80px}99%,100%{opacity:0;max-height:80px}}
@keyframes bs5-stat{0%,10%{opacity:0;max-height:0}14%,78%{opacity:1;max-height:130px}84%,100%{opacity:0;max-height:0}}
@keyframes bs5-vidin{0%,80%{opacity:0;max-height:0;transform:scale(.92)}87%,94%{opacity:1;max-height:420px;transform:none}99%,100%{opacity:0;max-height:420px}}
.c-bots_series_v6 .bs5-stat{min-width:250px;white-space:normal}
.c-bots_series_v6 .bs5-q{border-left:3px solid #2a9af0;background:rgba(42,154,240,.1);border-radius:5px;padding:3px 8px 4px;margin:1px 0 4px;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-bots_series_v6 .bs5-q b{display:block;color:#2a9af0;font-weight:600}
.c-bots_series_v6 .bs5-stage{display:grid}
.c-bots_series_v6 .bs5-stage>div{grid-area:1/1;opacity:0;animation:8s step-end infinite both}
.c-bots_series_v6 .bs5-s1{animation-name:bs5-st1!important}.c-bots_series_v6 .bs5-s2{animation-name:bs5-st2!important}.c-bots_series_v6 .bs5-s3{animation-name:bs5-st3!important}
@keyframes bs5-st1{0%{opacity:1}24%{opacity:0}}
@keyframes bs5-st2{0%{opacity:0}24%{opacity:1}62%{opacity:0}}
@keyframes bs5-st3{0%{opacity:0}62%{opacity:1}}
.c-bots_series_v6 .bs5-barrow{display:flex;align-items:center;gap:8px;margin-top:3px;font-variant-numeric:tabular-nums}
.c-bots_series_v6 .bs5-bar{width:150px;height:10px;background:repeating-linear-gradient(90deg,#cfe3f7 0 13px,transparent 13px 15px);position:relative}
.c-bots_series_v6 .bs5-bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#2a9af0 0 13px,transparent 13px 15px);clip-path:inset(0 calc(100% - var(--bs5-p) * 1%) 0 0)}
.c-bots_series_v6 .bs5-pct::after{content:counter(bs5n) "%";counter-reset:bs5n var(--bs5-p)}
.c-bots_series_v6 .bs5-s2 .bs5-bar::after,.c-bots_series_v6 .bs5-s2 .bs5-pct{animation:bs5-fill 8s linear infinite}
.c-bots_series_v6 .bs5-s3 .bs5-bar::after,.c-bots_series_v6 .bs5-s3 .bs5-pct{animation:bs5-fill2 8s linear infinite}
@keyframes bs5-fill{0%,24%{--bs5-p:0}36%{--bs5-p:41}48%{--bs5-p:77}60%,100%{--bs5-p:100}}
@keyframes bs5-fill2{0%,62%{--bs5-p:0}74%,100%{--bs5-p:100}}
.c-bots_series_v6 .bs5-sub{color:#8e8e93;font-size:14px}
.c-bots_series_v6 .bs5-vid{position:relative;width:200px;height:356px;border-radius:17px;border-bottom-left-radius:5px;overflow:hidden;background:linear-gradient(180deg,#ff9a62 0%,#ff6f61 32%,#c8507a 52%,#2f4f8a 53%,#1d3566 100%)}
.c-bots_series_v6 .bs5-vid::before{content:"";position:absolute;left:50%;top:40%;width:84px;height:84px;margin-left:-42px;border-radius:50%;background:radial-gradient(#fff3c4,#ffd36a 60%,rgba(255,211,106,0) 72%)}
.c-bots_series_v6 .bs5-play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center}
.c-bots_series_v6 .bs5-play::after{content:"";border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.c-bots_series_v6 .bs5-dur{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.42);color:#fff;font-size:12px;padding:2px 7px;border-radius:9px}

/* ---- Deadline loop (9s) ---- */
.c-bots_series_v6 .bs5-app{background:#fff}
.c-bots_series_v6 .bs5-appbar{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:.5px solid rgba(0,0,0,.12);position:relative;z-index:3}
.c-bots_series_v6 .bs5-close{color:#2a7bd5;font-size:17px;width:80px}
.c-bots_series_v6 .bs5-appbar .bs5-mid span{font-size:12.5px}
.c-bots_series_v6 .bs5-more{width:80px;text-align:right;color:#2a7bd5;font-weight:700}
.c-bots_series_v6 .bs5-view{flex:1;overflow:hidden;position:relative}
.c-bots_series_v6 .bs5-view img{width:390px;height:auto;display:block}
.c-bots_series_v6 .bs5-ban{position:absolute;left:8px;right:8px;top:8px;z-index:6;display:flex;gap:10px;align-items:flex-start;background:rgba(245,245,247,.99);border-radius:18px;padding:11px 13px;box-shadow:0 8px 28px rgba(0,0,0,.18);transform:translateY(-140%);animation:9s cubic-bezier(.2,.8,.2,1) infinite both;font-size:14.5px;line-height:1.3}
.c-bots_series_v6 .bs5-ban img{width:38px;height:38px;border-radius:50%;flex:none}
.c-bots_series_v6 .bs5-bt{flex:1;min-width:0}.c-bots_series_v6 .bs5-ban b{font-weight:600}
.c-bots_series_v6 .bs5-w{float:right;color:#8e8e93;font-size:12.5px}
.c-bots_series_v6 .bs5-x{color:#333;display:block;margin-top:1px}
.c-bots_series_v6 .bs5-n1{animation-name:bs5-n1}.c-bots_series_v6 .bs5-n2{animation-name:bs5-n2}
@keyframes bs5-n1{0%,6%{transform:translateY(-140%)}12%,40%{transform:none}46%,100%{transform:translateY(-140%)}}
@keyframes bs5-n2{0%,52%{transform:translateY(-140%)}58%,88%{transform:none}94%,100%{transform:translateY(-140%)}}

/* play only when the card is on screen (class set by JS) */
.c-bots_series_v6 .bs5-card:not(.on) .bs5-scr *,.c-bots_series_v6 .bs5-card:not(.on) .bs5-scr *::after{animation-play-state:paused!important}

/* tablet/desktop: phone left, text right */
@media (min-width:700px){
  .c-bots_series_v6 .bs5-card{flex-direction:row;align-items:center;gap:clamp(28px,5vw,96px)}
  .c-bots_series_v6 .bs5-holder{order:-1;flex:0 0 auto;height:100%;align-items:center;width:calc(404px*var(--bs5-s))}
  .c-bots_series_v6 .bs5-info{flex:1;max-width:560px}
  .c-bots_series_v6 .bs5-what{margin-top:12px}
  .c-bots_series_v6 .bs5-num{margin-top:22px;flex-direction:column;gap:6px}
  .c-bots_series_v6 .bs5-num span{font-size:14px}
  .c-bots_series_v6 .bs5-feats{margin-top:22px;gap:10px;padding-top:18px;border-top:1px solid var(--line-2)}
  .c-bots_series_v6 .bs5-feats li{font-size:16px;padding-left:20px}
  .c-bots_series_v6 .bs5-name{font-size:clamp(26px,2.6vw,38px)}
}

@media (prefers-reduced-motion:reduce){
  .c-bots_series_v6 .bs5-scr *,.c-bots_series_v6 .bs5-scr *::after{animation:none!important}
  .c-bots_series_v6 .bs5-lv{opacity:1;max-height:none}
  .c-bots_series_v6 .bs5-k1,.c-bots_series_v6 .bs5-r-stat{display:none}
  .c-bots_series_v6 .bs5-n1{transform:none}
}

/* v5: слайд как в презентации: название, цифра, одна строка, две маленькие метки */
.c-bots_series_v6 .bs5-num{margin-top:6px}
.c-bots_series_v6 .bs5-what{margin-top:4px}
.c-bots_series_v6 .bs5-feats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;padding:0;border:0}
.c-bots_series_v6 .bs5-feats li{padding-left:12px;font-size:12px;color:var(--text-3)}
.c-bots_series_v6 .bs5-feats li::before{width:5px;height:5px;left:0;top:.55em;background:var(--faint)}
@media (min-width:700px){
  .c-bots_series_v6 .bs5-num{margin-top:20px}
  .c-bots_series_v6 .bs5-what{margin-top:14px;max-width:30ch}
  .c-bots_series_v6 .bs5-feats{margin-top:18px;padding-top:0;border-top:0;gap:6px 18px}
  .c-bots_series_v6 .bs5-feats li{font-size:13.5px;padding-left:13px}
}
/* v6: телефон и текст стоят по центру одной группой, справа не остаётся пустоты */
@media (min-width:700px){
  .c-bots_series_v6 .bs5-card{justify-content:center}
  .c-bots_series_v6 .bs5-info{flex:0 1 auto;width:min(520px,48%)}
}