.elr-quick-backdrop{position:fixed;inset:0;z-index:90000;background:rgba(4,16,12,.64);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s}
.elr-quick-backdrop.is-open{opacity:1;visibility:visible}
.elr-quick-panel{position:fixed;right:0;top:0;bottom:0;width:min(570px,100vw);z-index:90001;background:linear-gradient(150deg,#114b38,#092b22 75%);box-shadow:-20px 0 65px rgba(0,0,0,.3);color:white;transform:translate3d(102%,0,0);visibility:hidden;transition:transform .33s cubic-bezier(.2,.8,.2,1),visibility .33s;overflow:auto;overscroll-behavior:contain}
.elr-quick-panel.is-open{transform:translate3d(0,0,0);visibility:visible}
.elr-quick-panel__close{position:sticky;z-index:3;top:18px;margin:18px 18px 0 auto;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:white;background:rgba(0,0,0,.18);cursor:pointer;font-size:25px}
.elr-quick-panel__inner{padding:0 32px 32px}
.elr-quick-panel__visual{height:min(42vh,340px);position:relative;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid rgba(255,255,255,.16)}
.elr-quick-panel__visual img{height:100%;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 20px rgba(0,0,0,.24))}
.elr-quick-panel__overline{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#eed06c;margin:20px 0 8px;font-weight:700}
.elr-quick-panel__title{font-size:clamp(28px,3.3vw,43px);line-height:1.07;font-weight:850;margin:0 0 10px;color:#fff}
.elr-quick-panel__role{color:#e7c958;font-weight:750;font-size:19px;margin:0 0 18px}
.elr-quick-panel__facts{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.elr-quick-panel__facts span{background:rgba(255,255,255,.11);border-radius:50px;padding:9px 12px;font-size:13px}
.elr-quick-panel__summary{font-size:18px;line-height:1.5;margin:0 0 14px;color:#fff}
.elr-quick-panel__bio{color:rgba(255,255,255,.77);font-size:15px;line-height:1.55;margin:0}
body.elr-quick-locked{overflow:hidden!important}
@media(max-width:650px){.elr-quick-panel{width:100%;top:auto;height:min(86dvh,800px);border-radius:24px 24px 0 0;transform:translate3d(0,102%,0)}.elr-quick-panel__inner{padding:0 22px 26px}.elr-quick-panel__visual{height:28dvh}.elr-quick-panel__close{top:12px;margin:12px 12px 0 auto}.elr-quick-panel__overline{margin-top:12px}.elr-quick-panel__summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.elr-quick-backdrop,.elr-quick-panel{transition:none!important}}

/* ELBRUS_LARGE_PLAYER_PHOTO_BEGIN */
/* Большой портрет в боковой панели, без изменения карточек и поля */
@media (min-width: 651px) {
  .elr-quick-panel { width: min(680px, 100vw); }
  .elr-quick-panel__visual {
    height: clamp(430px, 58vh, 620px);
    min-height: 430px;
    align-items: flex-end;
    overflow: hidden;
  }
  .elr-quick-panel__visual img {
    height: 100%;
    max-height: none;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    object-position: center bottom;
  }
}
@media (max-width: 650px) {
  .elr-quick-panel { height: min(94dvh, 1100px); }
  .elr-quick-panel__visual {
    height: clamp(320px, 43dvh, 510px);
    min-height: 320px;
    align-items: flex-end;
    overflow: hidden;
  }
  .elr-quick-panel__visual img {
    height: 100%;
    max-height: none;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    object-position: center bottom;
  }
}
/* ELBRUS_LARGE_PLAYER_PHOTO_END */

/* ELBRUS_SIDE_BY_SIDE_PROFILE_BEGIN */
/* Desktop: wide drawer with player on the left and details on the right. */
@media (min-width: 901px) {
  .elr-quick-panel {
    width: min(1080px, 96vw) !important;
  }
  .elr-quick-panel__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 53%) minmax(0, 47%) !important;
    column-gap: 28px;
    align-content: start;
    padding: 12px 46px 48px !important;
  }
  .elr-quick-panel__visual {
    grid-column: 1;
    grid-row: 1 / span 7;
    align-self: start;
    height: clamp(580px, 77vh, 880px) !important;
    min-height: 0 !important;
    border-bottom: none !important;
    overflow: visible !important;
    display: flex;
    align-items: flex-end !important;
    justify-content: center !important;
    position: sticky;
    top: 72px;
  }
  .elr-quick-panel__visual img {
    display: block;
    height: 100% !important;
    width: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }
  .elr-quick-panel__overline,
  .elr-quick-panel__title,
  .elr-quick-panel__role,
  .elr-quick-panel__facts,
  .elr-quick-panel__summary,
  .elr-quick-panel__bio {
    grid-column: 2;
    min-width: 0;
    align-self: start;
  }
  .elr-quick-panel__overline { margin-top: 42px !important; }
  .elr-quick-panel__title { font-size: clamp(34px, 3.5vw, 56px) !important; }
  .elr-quick-panel__summary { font-size: 19px; }
  .elr-quick-panel__close { margin-right: 28px; }
}
/* Tablet and phones: photo on top, description below. */
@media (max-width: 900px) {
  .elr-quick-panel__inner { display: block !important; }
  .elr-quick-panel__visual {
    position: relative !important;
    top: auto !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    overflow: hidden !important;
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  .elr-quick-panel { width: min(680px, 100vw) !important; }
  .elr-quick-panel__visual { height: clamp(450px, 60vh, 650px) !important; }
}
@media (max-width: 650px) {
  .elr-quick-panel__visual { height: clamp(340px, 47dvh, 550px) !important; }
}
/* ELBRUS_SIDE_BY_SIDE_PROFILE_END */

/* ELBRUS_PROFILE_GRAPHITE_LOGO_START */
/* Выдвижная панель: цвет совпадает с графитово-бордовыми блоками сайта. */
html body .elr-quick-panel,
html body .elr-quick-panel.is-open {
    background: linear-gradient(145deg, #2F2935 0%, #2D2833 48%, #242933 100%) !important;
    background-color: #2D2833 !important;
    color: #FFF8F0 !important;
}
html body .elr-quick-panel__close {
    background: #292632 !important;
    color: #FFF8F0 !important;
    border-color: rgba(216,170,113,.35) !important;
}
html body .elr-quick-panel__overline,
html body .elr-quick-panel__role {
    color: #D8AA71 !important;
}
html body .elr-quick-panel__title,
html body .elr-quick-panel__summary {
    color: #FFF8F0 !important;
}
html body .elr-quick-panel__bio {
    color: #DCCFC5 !important;
}
html body .elr-quick-panel__facts span {
    color: #F6EDE4 !important;
    background: #443642 !important;
    border: 1px solid rgba(216,170,113,.12) !important;
}
/* Эмблема ниже описания, не поверх футболиста или текста. */
html body .elr-quick-panel__bio::after {
    content: '' !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 140px !important;
    height: 155px !important;
    margin: 28px 0 0 !important;
    background-image: url('./assets/club/elbrus-emblem.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: .85 !important;
    pointer-events: none !important;
}
@media (max-width: 900px) {
    html body .elr-quick-panel__bio::after {
        width: 108px !important;
        height: 124px !important;
        margin: 22px auto 0 !important;
    }
}
/* ELBRUS_PROFILE_GRAPHITE_LOGO_END */