/* Yandex Live Status V36 — shared CSS for ALL / EDA / Delivery / Taxi */
.ydlive36{width:100%;box-sizing:border-box;font-family:Arial,sans-serif;color:#111}
.ydlive36,.ydlive36 *,.ydlive36 *:before,.ydlive36 *:after{box-sizing:border-box}
.ydlive36__window{position:relative;width:100%;background:rgba(244,244,244,.96);border-radius:18px;overflow:hidden}
.ydlive36__live{position:absolute;top:12px;right:12px;z-index:20;display:inline-flex;align-items:center;gap:10px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.45)}
.ydlive36__dot{width:5px;height:5px;border-radius:50%;animation:ydlive36Pulse 2.8s infinite cubic-bezier(.42,0,.2,1);will-change:transform,opacity}
.ydlive36__dot:nth-child(2){animation-delay:.28s}.ydlive36__dot:nth-child(3){animation-delay:.56s}.ydlive36__dot:nth-child(4){animation-delay:.84s}.ydlive36__dot:nth-child(5){animation-delay:1.12s}
@keyframes ydlive36Pulse{0%,100%{transform:scale(.72);opacity:.16}38%{transform:scale(1.42);opacity:.98}68%{transform:scale(.98);opacity:.5}}
.ydlive36__section{padding:12px 14px 10px}.ydlive36__divider{height:1px;background:rgba(0,0,0,.08)}
.ydlive36__head{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:9px;padding-right:84px}
.ydlive36__logo{display:block;width:auto;height:32px;max-width:215px;object-fit:contain;flex:0 0 auto}
.ydlive36__title{min-width:0;font-size:20px;line-height:1.12;font-weight:700;flex:1 1 auto}
.ydlive36__viewport{position:relative;width:100%;min-height:132px;overflow:hidden;border-radius:16px;background:rgba(238,238,238,.96)}
.ydlive36__loading,.ydlive36__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;color:#555;font-size:16px;line-height:1.35;font-weight:600}
.ydlive36__shadow{position:absolute;left:0;right:0;top:0;height:10%;z-index:1;pointer-events:none;transition:background 2.5s ease,opacity 2.5s ease}
.ydlive36__card{position:absolute;left:0;right:0;top:0;width:100%;padding:11px 12px;border-radius:14px;background:transparent;color:#111;opacity:1;transform:translate3d(0,0,0);transition:transform .72s ease,opacity .72s ease;will-change:transform,opacity;z-index:2}
.ydlive36__card.is-fading{opacity:0}.ydlive36__card.is-entering{opacity:0}.ydlive36__card.is-typing{opacity:1}
.ydlive36__card.is-typing .ydlive36__row{opacity:0;transform:translate3d(0,5px,0);animation:ydlive36RowIn .68s cubic-bezier(.22,1,.36,1) forwards}
.ydlive36__card.is-typing .ydlive36__row--meta{animation-delay:.02s}.ydlive36__card.is-typing .ydlive36__row--person{animation-delay:.14s}.ydlive36__card.is-typing .ydlive36__row--address{animation-delay:.27s}
@keyframes ydlive36RowIn{from{opacity:0;transform:translate3d(0,5px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.ydlive36__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.ydlive36__row+.ydlive36__row{margin-top:6px}
.ydlive36__row--meta{font-size:16px;line-height:1.3}.ydlive36__row--person{font-size:18px;line-height:1.32}.ydlive36__row--address{flex-wrap:nowrap;font-size:16px;line-height:1.35;min-height:calc(1.35em * 2)}
.ydlive36__chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:6px;font-size:14px;line-height:1.1;font-weight:700;white-space:nowrap;flex:0 0 auto}
.ydlive36__chip--city{background:#0000ff;color:#fff;text-transform:uppercase}.ydlive36__chip--pickup{background:#ffd500;color:#111}.ydlive36__chip--transport{background:#177a47;color:#fff}.ydlive36__chip--complete{background:#6d32dc;color:#fff}.ydlive36__chip--price{background:#a30303;color:#fff}
.ydlive36__chip--point{min-width:74px;background:rgba(255,255,255,.74);color:#111}.ydlive36__chip--point-a{background:#163806;color:#fff}.ydlive36__chip--point-b{background:#3d3939;color:#fff}
.ydlive36__arrow{flex:0 0 auto;color:#111;font-size:16px;line-height:1;font-weight:700}.ydlive36__person,.ydlive36__address{min-width:0;color:#111}.ydlive36__person strong,.ydlive36__address strong{font-weight:700}
.ydlive36__address{flex:1 1 260px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;max-height:calc(1.35em * 2)}
.ydlive36.is-night .ydlive36__dot{background:#7b3ff2!important;animation-duration:4s}
@media(min-width:641px){.ydlive36__viewport{min-height:118px}.ydlive36__card{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:6px}.ydlive36__row{display:inline-flex;width:auto;margin-top:0!important}.ydlive36__row--person{min-width:220px}.ydlive36__row--address{flex:1 1 280px;min-width:220px}}
@media(min-width:1200px){.ydlive36__logo{height:36px;max-width:235px}.ydlive36__title{font-size:22px}.ydlive36__row--person{font-size:22px}.ydlive36__row--meta,.ydlive36__row--address{font-size:17px}}
@media(max-width:960px){.ydlive36__section{padding:10px 12px}.ydlive36__head{gap:11px}.ydlive36__logo{height:29px;max-width:190px}.ydlive36__title{font-size:18px}.ydlive36__row--meta{font-size:15px}.ydlive36__row--person{font-size:17px}.ydlive36__row--address{font-size:15px}}
@media(max-width:700px){.ydlive36__window{border-radius:16px}.ydlive36__live{top:8px;right:8px;gap:9px;padding:5px 8px}.ydlive36__dot{width:4px;height:4px}.ydlive36__section{padding:9px 7px}.ydlive36__head{display:block;min-height:52px;margin-bottom:7px;padding-right:76px}.ydlive36__logo{height:25px;max-width:175px}.ydlive36__title{margin-top:5px;font-size:16px;line-height:1.08;white-space:normal;overflow:visible}.ydlive36__viewport{height:230px;min-height:230px;max-height:230px;border-radius:14px}.ydlive36__card{display:grid!important;grid-template-rows:24px 24px 42px;row-gap:3px;height:101px;min-height:101px;max-height:101px;padding:8px 7px;overflow:hidden;border-radius:12px}.ydlive36__row{width:100%!important;min-width:0!important;max-width:100%;gap:5px!important;margin-top:0!important;overflow:hidden;flex-wrap:nowrap!important}.ydlive36__row--meta{height:24px;min-height:24px;max-height:24px;font-size:13px;line-height:1}.ydlive36__row--person{display:block!important;height:24px;min-height:24px;max-height:24px;overflow:hidden;font-size:15px;line-height:24px}.ydlive36__row--address{display:grid!important;grid-template-columns:81px minmax(0,1fr);height:42px;min-height:42px;max-height:42px;overflow:hidden;font-size:14px;line-height:1.25}.ydlive36__chip{height:22px;min-height:22px;max-height:22px;padding:4px 7px;font-size:11.5px;line-height:14px;overflow:hidden;text-overflow:ellipsis}.ydlive36__chip--city{width:67px;min-width:67px;max-width:67px}.ydlive36__arrow{width:16px;min-width:16px;max-width:16px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.ydlive36__row--meta .ydlive36__chip:not(.ydlive36__chip--city):not(.ydlive36__chip--price){width:137px;min-width:137px;max-width:137px}.ydlive36__chip--price{width:65px;min-width:65px;max-width:65px}.ydlive36__person{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ydlive36__chip--point,.ydlive36__chip--point-a,.ydlive36__chip--point-b{width:81px;min-width:81px;max-width:81px;height:24px;min-height:24px;max-height:24px}.ydlive36__address{display:-webkit-box;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;max-height:calc(1.25em * 2)}.ydlive36__loading,.ydlive36__empty{font-size:15px}}
@media(max-width:380px){.ydlive36__head{padding-right:70px}.ydlive36__logo{height:23px;max-width:160px}.ydlive36__title{font-size:15px}.ydlive36__viewport{height:222px;min-height:222px;max-height:222px}.ydlive36__row--meta .ydlive36__chip:not(.ydlive36__chip--city):not(.ydlive36__chip--price){width:129px;min-width:129px;max-width:129px}.ydlive36__chip--city{width:65px;min-width:65px;max-width:65px}.ydlive36__chip--price{width:63px;min-width:63px;max-width:63px}.ydlive36__chip--point,.ydlive36__chip--point-a,.ydlive36__chip--point-b{width:77px;min-width:77px;max-width:77px}}
@media(prefers-reduced-motion:reduce){.ydlive36__card,.ydlive36__row,.ydlive36__dot{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V37 hotfix: WB taxi logo + mobile city fit */
.ydlive36__logos{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;max-width:250px}
.ydlive36__logo-sep{display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;font-weight:700;color:#111;flex:0 0 auto}
.ydlive36__logo--secondary{height:22px;max-width:68px}
.ydlive36__section[data-kind="taxi"] .ydlive36__logos{max-width:280px}

@media(max-width:700px){
  .ydlive36__logos{gap:5px;max-width:210px}
  .ydlive36__logo{height:23px;max-width:160px}
  .ydlive36__logo--secondary{height:18px;max-width:52px}
  .ydlive36__logo-sep{font-size:16px}
  .ydlive36__title{font-size:15px}
  .ydlive36__chip--city{width:88px;min-width:88px;max-width:88px;padding:4px 5px;font-size:9.5px;letter-spacing:-.2px}
  .ydlive36__row--meta .ydlive36__chip:not(.ydlive36__chip--city):not(.ydlive36__chip--price){width:124px;min-width:124px;max-width:124px;font-size:10.8px}
  .ydlive36__chip--price{width:60px;min-width:60px;max-width:60px;font-size:10.8px}
}

@media(max-width:380px){
  .ydlive36__logos{max-width:190px}
  .ydlive36__logo{height:22px;max-width:148px}
  .ydlive36__logo--secondary{height:17px;max-width:48px}
  .ydlive36__logo-sep{font-size:15px}
  .ydlive36__title{font-size:14px}
  .ydlive36__chip--city{width:82px;min-width:82px;max-width:82px;font-size:8.9px}
  .ydlive36__row--meta .ydlive36__chip:not(.ydlive36__chip--city):not(.ydlive36__chip--price){width:118px;min-width:118px;max-width:118px;font-size:10.2px}
  .ydlive36__chip--price{width:58px;min-width:58px;max-width:58px;font-size:10.2px}
}

/* V37 taxi logo spacing fix */
.ydlive36__section[data-kind="taxi"] .ydlive36__logos{
  margin-right: 8px;
}

@media(max-width:700px){
  .ydlive36__section[data-kind="taxi"] .ydlive36__logos{
    margin-right: 6px;
  }
}