/* Педагоги на страницах классов (#pedagogi.tch): карусель как на главной + филиалы + «~4 %» */
.tch .h-sec{max-width:780px;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.tch .carousel .sh{margin-bottom:clamp(22px,2.6vw,34px)}
.tch-tabs{display:inline-flex;gap:4px;max-width:100%;margin:0 0 clamp(16px,1.8vw,24px);padding:4px;border-radius:var(--pill);background:rgba(60,30,20,.06);overflow-x:auto;scrollbar-width:none}
.tch-tabs::-webkit-scrollbar{display:none}
.tch-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border:0;border-radius:var(--pill);background:transparent;font:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink-2);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.tch-tabs button small{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.tch-tabs button:hover{color:var(--ink)}
.tch-tabs button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(60,30,20,.08),0 6px 14px -6px rgba(60,30,20,.2)}
.tch-tabs button[aria-pressed="true"] small{color:var(--pink-text)}
.tch-tabs button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.tch-p[hidden]{display:none!important}
.tch-ph{position:relative}
.tch-ph img{display:block}
.tch-br{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:6px 11px 6px 9px;border-radius:var(--pill);background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:0 2px 10px rgba(60,30,20,.12);font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.tch-br::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--pink)}
.tch-br--butovo::before{background:var(--blue)}
.tch-br--gelendzhik::before{background:var(--peach)}
.tch-in .tch-p:not([hidden]){animation:tchIn .55s var(--spring) both}
.tch-in .tch-p:nth-child(2){animation-delay:.04s}
.tch-in .tch-p:nth-child(3){animation-delay:.08s}
.tch-in .tch-p:nth-child(4){animation-delay:.12s}
@keyframes tchIn{from{opacity:0;transform:translateY(12px)}}

.tch-pick{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(28px,3.4vw,46px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,3.2vw,44px) clamp(24px,3.6vw,52px);border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-1)}
.tch-pick::before{content:"";position:absolute;z-index:-1;width:440px;height:440px;left:-150px;top:-190px;border-radius:50%;background:radial-gradient(closest-side,rgba(252,108,156,.2),rgba(252,108,156,0))}
.tch-pick__num b{display:block;font-size:clamp(68px,7.4vw,108px);line-height:.9;font-weight:760;letter-spacing:-.06em;background:linear-gradient(120deg,var(--pink) 10%,var(--pink-soft) 55%,var(--peach));-webkit-background-clip:text;background-clip:text;color:transparent}
.tch-pick__num b small{font-size:.5em;letter-spacing:-.02em;margin-left:.04em}
.tch-pick__num>span{display:block;max-width:300px;margin-top:12px;font-size:clamp(18px,1.6vw,22px);font-weight:680;line-height:1.2;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.tch-pick__num .more{margin-top:16px;font-size:16px}
.tch-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tch-steps::before{content:"";position:absolute;left:10%;right:10%;top:21px;height:3px;margin-top:-1.5px;border-radius:3px;background:linear-gradient(90deg,var(--pink-line),var(--pink-soft) 60%,var(--pink))}
.tch-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:0}
.tch-steps i{position:relative;z-index:1;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:16px;color:var(--pink-text);box-shadow:inset 0 0 0 2px var(--pink-line),0 6px 14px -6px rgba(176,0,58,.35)}
.tch-steps span{font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}
.tch-steps__done i{background:var(--pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 0 0 6px var(--pink-tint),0 8px 18px -6px rgba(176,0,58,.5)}
.tch-steps__done span{color:var(--pink-text)}

@media (max-width:1068px){
  .tch-pick{grid-template-columns:minmax(0,1fr)}
  .tch-pick__num{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:28px;align-items:center;justify-content:start}
  .tch-pick__num b{grid-row:span 2}
  .tch-pick__num>span{margin-top:0;align-self:end}
  .tch-pick__num .more{margin-top:10px;align-self:start;justify-self:start}
}
@media (max-width:734px){
  .tch-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;overflow:visible}
  .tch-tabs button{min-height:36px;padding:0 14px;font-size:14px;background:rgba(60,30,20,.06)}
  .tch-pick{padding:24px 18px;border-radius:var(--r-lg);gap:24px}
  .tch-pick__num{display:block}
  .tch-pick__num>span{margin-top:12px}
  .tch-pick__num .more{margin-top:16px}
  .tch-steps{grid-template-columns:minmax(0,1fr);gap:14px}
  .tch-steps::before{left:20px;right:auto;top:20px;bottom:20px;width:3px;height:auto;margin:0 0 0 -1.5px;background:linear-gradient(180deg,var(--pink-line),var(--pink-soft) 60%,var(--pink))}
  .tch-steps li{flex-direction:row;text-align:left;gap:14px}
  .tch-steps i{width:40px;height:40px}
  .tch-steps span{font-size:15px}
}
@media (max-width:380px){
  .tch-pick__num b{font-size:64px}
  .tch-br{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.tch-in .tch-p:not([hidden]){animation:none}}