/* Elbrus squad — mechanic matched to reference video */
body.elbrus-squad-real-style-page{
  background:#eef1f4 !important;
}
body.elbrus-squad-real-style-page main{
  padding:0 !important;
}
.el-squad-real{
  position:relative;
  min-height:calc(100vh - 90px);
  background:linear-gradient(135deg,#0a2ca3 0%, #132eb8 50%, #06216f 100%);
  overflow:hidden;
}
.el-squad-real__inner{
  position:relative;
  min-height:calc(100vh - 90px);
  padding:34px 130px 46px 34px;
}
.el-squad-real__left-brand{
  display:flex;
  align-items:center;
  gap:18px;
  position:relative;
  z-index:3;
}
.el-squad-real__left-brand img{
  width:90px;
  height:90px;
  object-fit:contain;
}
.el-squad-real__club-title{
  color:#fff;
  font-size:clamp(38px,4.2vw,72px);
  line-height:0.92;
  font-weight:900;
  margin:0;
  letter-spacing:0.01em;
  text-transform:uppercase;
}
.el-squad-real__club-sub{
  color:rgba(255,255,255,.78);
  margin-top:6px;
  font-size:14px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.el-squad-real__info{
  position:absolute;
  left:34px;
  top:184px;
  max-width:42%;
  z-index:4;
  color:#fff;
}
.el-squad-real__kicker{
  margin:0 0 10px;
  color:#f5d348;
  font-size:14px;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.el-squad-real__name{
  margin:0;
  font-size:clamp(30px,3.5vw,62px);
  line-height:.95;
  font-weight:900;
  text-transform:uppercase;
}
.el-squad-real__meta{
  margin:18px 0 12px;
  font-size:20px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.el-squad-real__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  height:62px;
  border-radius:50%;
  color:#10257d;
  background:#f5d348;
  font-size:28px;
}
.el-squad-real__role{
  color:#fff;
  opacity:.94;
}
.el-squad-real__summary,
.el-squad-real__bio{
  font-size:clamp(18px,1.5vw,30px);
  line-height:1.32;
  margin:0 0 14px;
  max-width:760px;
}
.el-squad-real__bio{
  font-size:clamp(15px,1.1vw,22px);
  color:rgba(255,255,255,.88);
  max-width:780px;
}
.el-squad-real__side-rail{
  position:absolute;
  top:0; right:0; bottom:0;
  width:min(17vw,160px);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.el-squad-real__side-rail::before,
.el-squad-real__side-rail::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width:10px;
  background:#f1c72b;
  left:14px;
  box-shadow:18px 0 0 #c1121f;
}
.el-squad-real__side-rail img{
  width:min(16vw,180px);
  opacity:.95;
}
.el-squad-real__stage{
  position:absolute;
  right:min(8vw,120px);
  bottom:0;
  width:min(43vw,680px);
  height:min(82vh,940px);
  z-index:3;
  pointer-events:none;
}
.el-squad-real__player-large{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translateX(100px) scale(.88);
  transform-origin:right bottom;
  transition:transform .55s cubic-bezier(.22,.61,.36,1), opacity .35s ease;
}
.el-squad-real__player-large img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right bottom;
  filter:drop-shadow(0 40px 70px rgba(0,0,0,.3));
}
.el-squad-real__player-large.is-active{
  opacity:1;
  transform:translateX(0) scale(1);
}
.el-squad-real__lineup{
  position:absolute;
  left:16px;
  right:min(19vw,220px);
  bottom:0;
  height:min(34vh,330px);
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:clamp(8px,1.5vw,28px);
  padding:0 18px 0 0;
  z-index:5;
}
.el-squad-real__thumb{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  width:clamp(90px,11vw,170px);
  cursor:pointer;
  transform-origin:center bottom;
  transition:transform .4s cubic-bezier(.22,.61,.36,1), opacity .3s ease, filter .3s ease;
  opacity:.94;
}
.el-squad-real__thumb img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.2));
}
.el-squad-real__thumb.is-active{
  transform:translateY(-10px) scale(1.1);
  opacity:1;
}
.el-squad-real__thumb:not(.is-active):hover{
  transform:translateY(-6px) scale(1.03);
}
.el-squad-real__controls{
  position:absolute;
  bottom:26px;
  right:calc(min(17vw,160px) + 12px);
  display:flex;
  gap:10px;
  z-index:6;
}
.el-squad-real__ctrl{
  appearance:none;
  border:0;
  width:50px;
  height:50px;
  border-radius:50%;
  cursor:pointer;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:20px;
  font-weight:700;
  backdrop-filter:blur(8px);
}
.el-squad-real__ctrl:hover{background:rgba(255,255,255,.18)}
.el-squad-real__swipe-hint{
  position:absolute;
  left:34px;
  bottom:16px;
  z-index:6;
  color:rgba(255,255,255,.65);
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.el-squad-real__fade{
  animation:elTextFade .35s ease;
}
@keyframes elTextFade{
  from{opacity:0; transform:translateY(18px)}
  to{opacity:1; transform:translateY(0)}
}
@media (max-width:1100px){
  .el-squad-real__inner{padding-right:100px}
  .el-squad-real__info{max-width:50%}
  .el-squad-real__side-rail{width:100px}
  .el-squad-real__stage{right:45px;width:44vw}
  .el-squad-real__lineup{right:120px}
}
@media (max-width:900px){
  .el-squad-real{min-height:auto}
  .el-squad-real__inner{min-height:auto;padding:24px 18px 290px}
  .el-squad-real__left-brand img{width:72px;height:72px}
  .el-squad-real__club-title{font-size:42px}
  .el-squad-real__info{position:relative;left:auto;top:auto;max-width:none;margin-top:20px;padding-right:0}
  .el-squad-real__summary{font-size:18px}
  .el-squad-real__bio{font-size:14px}
  .el-squad-real__side-rail{width:76px}
  .el-squad-real__side-rail::before,.el-squad-real__side-rail::after{left:8px;width:7px;box-shadow:13px 0 0 #c1121f}
  .el-squad-real__side-rail img{width:86px}
  .el-squad-real__stage{position:relative;right:auto;width:100%;height:430px;margin-top:8px}
  .el-squad-real__player-large img{object-position:center bottom}
  .el-squad-real__lineup{left:8px;right:80px;height:245px;gap:10px;overflow-x:auto;overflow-y:hidden;bottom:8px;padding-bottom:10px}
  .el-squad-real__thumb{flex:0 0 90px;width:90px}
  .el-squad-real__controls{bottom:194px;right:86px}
  .el-squad-real__swipe-hint{bottom:258px;left:18px}
}
