/* EVENT86 r104: mobile footer, slider controls and team scroll stability.
   Scoped to the existing public markup; no content is regenerated. */
@media(max-width:680px){
  /* Keep footer links on a balanced grid: no orphan document row. */
  body footer.footer .footer-main{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;align-items:start;
  }
  body footer.footer .footer-main>.footer-brand{
    grid-column:1/-1;display:block;margin:0 0 24px;
  }
  body footer.footer .footer-main>nav.footer-col,
  body footer.footer .footer-main>nav.footer-col:nth-of-type(3){
    display:contents;grid-column:auto;
  }
  body footer.footer .footer-main>nav.footer-col>a{
    box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;
    min-width:0;min-height:49px;padding:12px 0;margin:0;
    border:0;border-bottom:1px solid rgba(255,255,255,.14);
    font:500 clamp(13px,3.45vw,15px)/1.3 Onest,Arial,sans-serif;
    color:#e2e2e2;text-decoration:none;overflow-wrap:anywhere;
  }
  body footer.footer .footer-main>nav.footer-col>a:active{color:#fff}
  body footer.footer .footer-main>.footer-contact{
    grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;
    gap:9px;margin:28px 0 0;padding:25px 0 0;
    border-top:1px solid rgba(255,255,255,.18);text-align:left;
  }
  body footer.footer .footer-contact .phone{
    font:750 clamp(20px,5.5vw,26px)/1.18 Onest,Arial,sans-serif;
    white-space:normal;overflow-wrap:anywhere;
  }
  body footer.footer .footer-contact p{margin:0;color:#a7a7a7;font-size:13px}
  body footer.footer .footer-contact .social-links{margin:12px 0 0;justify-content:flex-start}
  body footer.footer .footer-bottom{
    display:flex;align-items:flex-start;gap:9px;margin-top:26px;
    padding-top:19px;padding-bottom:0;border-top:1px solid rgba(255,255,255,.17);
    color:#a6a6a6;font:400 12px/1.45 Onest,Arial,sans-serif;
  }
  /* Outdated prototype/test labels have no place on the published site. */
  body footer.footer .footer-bottom>span:nth-of-type(2){display:none}
  /* Move the existing cookie-settings control into the footer; keep its listener. */
  html body footer.footer .footer-bottom>.cookie-reopen{
    display:inline-flex!important;position:static!important;inset:auto!important;
    align-self:flex-start;width:auto;max-width:100%;min-height:35px;
    z-index:auto!important;float:none;margin:5px 0 0!important;padding:7px 12px!important;
    border:1px solid #555!important;background:#191919!important;
    color:#ddd!important;box-shadow:none!important;backdrop-filter:none!important;
    font:500 12px/1.25 Onest,Arial,sans-serif!important;
  }
  html body footer.footer .footer-bottom>.cookie-reopen[hidden]{display:none!important}
  body.team-redesign .tp-main .tp-hero{
    height:calc(100svh - var(--tp-header));min-height:0;
  }
  body.team-redesign .tp-main .tp-operations{
    background:#f9f8f6;padding-top:28px;border-top:1px solid #e5e1dc;
  }
  body.team-redesign .tp-main .tp-ops-head{margin-bottom:20px}
  body.team-redesign .tp-main .tp-members{padding-bottom:32px}
  body.team-redesign .tp-main .tp-ops-cards{row-gap:26px}
}
/* Draw the RuTube icon with CSS: never pass U+25B6 to emoji-capable fonts. */
body footer.footer .footer-contact .social-links a[href*="rutube"]{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  width:auto;min-width:0;padding:0 14px;min-height:38px;height:auto;
  color:#fff;-webkit-text-fill-color:#fff;font-size:0!important;line-height:1;
}
body footer.footer .footer-contact .social-links a[href*="rutube"]::before{
  content:"";display:block;width:0;height:0;flex:none;
  border-top:6px solid transparent;border-bottom:6px solid transparent;
  border-left:9px solid #fff;margin-left:2px;
}
body footer.footer .footer-contact .social-links a[href*="rutube"]::after{
  content:"RuTube";display:block;margin:0;
  font:700 13px/1 Onest,Arial,sans-serif;color:#fff;-webkit-text-fill-color:#fff;
}
/* iOS Safari styles uncolored <button> text as system-blue by default. */
body #casePrev,body #caseNext,body .case-controls .round-nav{
  -webkit-appearance:none;appearance:none;
  color:#171514!important;-webkit-text-fill-color:#171514!important;
  background:#fff;border:1px solid #e5e4df;
  font-family:Onest,Arial,sans-serif;font-weight:450;
  -webkit-tap-highlight-color:transparent;
}
body #casePrev:disabled,body #caseNext:disabled{color:#aaa!important;-webkit-text-fill-color:#aaa!important;opacity:.55}
body #casePrev:focus-visible,body #caseNext:focus-visible{outline:2px solid #ed2035;outline-offset:3px}
/* Hover transitions on photos can stick and flicker during touch-scroll on iOS. */
@media(hover:none) and (pointer:coarse){
  body.team-redesign .tp-main .tp-photo img,
  body.team-redesign .tp-main .tp-card:hover .tp-photo img{
    transform:none!important;transition:none!important;
    filter:none!important;
  }
  body.team-redesign .tp-main .tp-photo,
  body.team-redesign .tp-main .tp-card{
    -webkit-tap-highlight-color:transparent;
    touch-action:pan-y;
  }
  body.team-redesign .tp-main .tp-hero-media img,
  body.team-redesign .tp-main .tp-career-image img{filter:none!important}
}