/* Страница заявки сборной: правки сайта поверх стилей макета v-combo (владелец 29.10.2026) - быстрые ссылки, сетка плей-офф,
   сборные розыгрыша внизу, слайдеры без полосы прокрутки, имя на наклейке, поле и «Кто играл». Поведение - /js/squad-page.js. */

/* ---------- слайдеры: без полосы прокрутки, листаются перетягиванием (мышь) и свайпом ---------- */
.sq-combo [data-scroll-x]{scrollbar-width:none!important}
.sq-combo [data-scroll-x]::-webkit-scrollbar{display:none}
.sq-combo [data-scroll-x].is-grab{cursor:grab}
.sq-combo [data-scroll-x].is-drag{cursor:grabbing;user-select:none;scroll-snap-type:none!important;scroll-behavior:auto!important}
.sq-combo [data-scroll-x].is-drag a,.sq-combo [data-scroll-x].is-drag img{pointer-events:none}

/* ---------- быстрые ссылки: липкая полоса под шапкой, как подменю страницы матча ---------- */
.sq-qnav{position:sticky;top:var(--sc-hd-h,72px);z-index:30;background:#fff;border-bottom:1px solid rgba(27,36,51,.12);box-shadow:0 6px 0 -3px rgba(27,36,51,.06)}
.sq-qnav__in{display:flex;gap:2px;max-width:1340px;margin:0 auto;padding:0 28px;overflow-x:auto}
.sq-qnav a{flex:none;display:inline-flex;align-items:center;padding:15px 16px;font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#5b6475;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;transition:background-color .15s,color .15s}
.sq-qnav a:hover{color:#1b2433;background:#f3f6fa}
.sq-qnav a.is-active{color:var(--qn-acc,#0a7f6f);border-bottom-color:var(--qn-acc,#0a7f6f)}
/* «Франция-98» - как подменю матчей ЧМ-1998 (match-lower-fr98.css) */
.sq-combo[data-skin="fr98"] .sq-qnav{border-bottom:3px solid #1f45d8;box-shadow:none}
.sq-combo[data-skin="fr98"] .sq-qnav a:hover{background:#eef2fb;color:#13285e}
.sq-combo[data-skin="fr98"] .sq-qnav a.is-active{color:#fff;border-bottom-color:transparent;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#86a6ff 0,#3b69f5 20%,#1f45d8 52%,#112a93 100%);box-shadow:0 3px 3px rgba(0,0,0,.35);text-shadow:1px 1px 0 rgba(0,0,0,.6)}
/* остальные эпохи - как подменю матчей своей темы (match-lower-*.css); 1979-1997 у матчей прежний вид - свои цвета темы заявки */
.sq-combo[data-skin="tv"] .sq-qnav{background:#f4efe1;border-bottom:1px solid rgba(28,28,28,.22);box-shadow:0 10px 18px rgba(0,0,0,.16)}
.sq-combo[data-skin="tv"] .sq-qnav a{font:500 14px/1.2 'TK Oswald','Oswald','Arial Narrow',sans-serif;letter-spacing:.1em;color:rgba(28,28,28,.7)}
.sq-combo[data-skin="tv"] .sq-qnav a:hover{color:#1c1c1c;background:none}
.sq-combo[data-skin="tv"] .sq-qnav a.is-active{color:#1c1c1c;border-bottom-color:#d1323c}
.sq-combo[data-skin="protokol"] .sq-qnav{background:#efe6d2;border-bottom:1.5px solid #1c1c1c;box-shadow:none}
.sq-combo[data-skin="protokol"] .sq-qnav__in{gap:3px;align-items:flex-end;padding-top:10px}
.sq-combo[data-skin="protokol"] .sq-qnav a{padding:11px 16px;border:1.5px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;color:#5a5245}
.sq-combo[data-skin="protokol"] .sq-qnav a:hover{color:#1c1c1c;background:rgba(255,252,243,.6)}
.sq-combo[data-skin="protokol"] .sq-qnav a.is-active{color:#1a4fa0;background:#fffcf3;border-color:#1c1c1c;margin-bottom:-1.5px;padding-bottom:12.5px}
.sq-combo[data-skin="vhs"] .sq-qnav{background:#0b0f2a;border-bottom:2px solid #ff3d7f;box-shadow:0 10px 24px -14px rgba(0,0,0,.8)}
.sq-combo[data-skin="vhs"] .sq-qnav a{color:rgba(243,239,227,.7);letter-spacing:.12em}
.sq-combo[data-skin="vhs"] .sq-qnav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.sq-combo[data-skin="vhs"] .sq-qnav a.is-active{color:#f5ff67;border-bottom-color:#f5ff67}
.sq-combo[data-skin="press"] .sq-qnav{background:#fff;border-bottom:3px solid #1b2a6b;box-shadow:none}
.sq-combo[data-skin="press"] .sq-qnav a{font-style:italic;font-weight:900;color:#1b2a6b}
.sq-combo[data-skin="press"] .sq-qnav a:hover{background:#fff3c4;color:#1b2a6b}
.sq-combo[data-skin="press"] .sq-qnav a.is-active{color:#fff;background:#d7192e;border-bottom-color:#d7192e;transform:skewX(-6deg)}
.sq-combo[data-skin="era00"] .sq-qnav{background:linear-gradient(180deg,#18233f 0,#0d1630 49%,#080e1e 51%,#0b1326 100%);border-bottom:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 30px -18px rgba(0,0,0,.95)}
.sq-combo[data-skin="era00"] .sq-qnav__in{gap:5px;padding-top:10px;padding-bottom:10px;align-items:center;counter-reset:qn}
.sq-combo[data-skin="era00"] .sq-qnav a{counter-increment:qn;gap:9px;padding:11px 17px;border:1px solid transparent;border-radius:10px;font:800 13px/1 'MX Exo','Manrope',sans-serif;letter-spacing:.1em;color:#bdc9de}
.sq-combo[data-skin="era00"] .sq-qnav a::before{content:counter(qn,decimal-leading-zero);font:700 11px/1 'MX Exo',sans-serif;letter-spacing:.06em;color:#7f93b6}
.sq-combo[data-skin="era00"] .sq-qnav a:hover{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 50%,rgba(0,0,0,.2) 52%,rgba(255,255,255,.04));border-color:rgba(255,255,255,.16)}
.sq-combo[data-skin="era00"] .sq-qnav a.is-active{color:#fff;border-color:rgba(0,0,0,.55);background:linear-gradient(180deg,rgba(255,255,255,.46) 0,rgba(255,255,255,.14) 48%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.26) 100%),#0d5fa8;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(255,255,255,.14),0 6px 16px -6px #3db8ff,0 3px 0 rgba(0,0,0,.5)}
.sq-combo[data-skin="era00"] .sq-qnav a.is-active::before{color:rgba(255,255,255,.75)}
.sq-combo[data-skin="era00"] .sq-qnav[data-tour="wc2002"] a.is-active{background:linear-gradient(180deg,rgba(255,255,255,.46) 0,rgba(255,255,255,.14) 48%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.26) 100%),#bd1627;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(255,255,255,.14),0 6px 16px -6px #ff4a58,0 3px 0 rgba(0,0,0,.5)}
.sq-combo[data-skin="era00"] .sq-qnav[data-tour="wc2006"] a.is-active{color:#1b1400;background:linear-gradient(180deg,rgba(255,255,255,.62) 0,rgba(255,255,255,.2) 48%,rgba(0,0,0,.04) 50%,rgba(0,0,0,.24) 100%),#ffc90a;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(0,0,0,.4),0 6px 16px -6px #ffd21f,0 3px 0 rgba(0,0,0,.5)}
.sq-combo[data-skin="era00"] .sq-qnav[data-tour="wc2006"] a.is-active::before{color:rgba(27,20,0,.7)}
.sq-combo[data-skin="efir"] .sq-qnav{background:#0d1420;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 14px 28px -20px rgba(0,0,0,.6)}
.sq-combo[data-skin="efir"] .sq-qnav a{font:600 14px/1.2 'Oswald','Arial Narrow',sans-serif;letter-spacing:.1em;color:rgba(244,244,244,.72)}
.sq-combo[data-skin="efir"] .sq-qnav a:hover{color:#fff;background:none}
.sq-combo[data-skin="efir"] .sq-qnav a.is-active{color:#ffcf4d;border-bottom-color:#ffcf4d}
.sq-combo[data-skin="era10"] .sq-qnav{--qn-acc:#0a7f6f}
.sq-combo[data-skin="era10"] .sq-qnav[data-tour="wc2010"]{--qn-acc:#007a4d}
.sq-combo[data-skin="era10"] .sq-qnav[data-tour="wc2014"]{--qn-acc:#00793a}
.sq-combo[data-skin="era10"] .sq-qnav[data-tour="wc2018"]{--qn-acc:#0039a6}
.sq-combo[data-skin="era20"] .sq-qnav{--qn-acc:#c6ff3d;--qn-ink:#0c1400;background:rgba(6,9,18,.92);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}
.sq-combo[data-skin="era20"] .sq-qnav[data-tour="wc2022"]{--qn-acc:#f1d9a7;--qn-ink:#2a0a14}
.sq-combo[data-skin="era20"] .sq-qnav[data-tour="wc2026"]{--qn-acc:#f4f7ff;--qn-ink:#0a1030}
.sq-combo[data-skin="era20"] .sq-qnav__in{gap:4px;padding-top:9px;padding-bottom:9px;align-items:center}
.sq-combo[data-skin="era20"] .sq-qnav a{min-height:40px;padding:0 16px;border:0;border-radius:999px;font:600 13.5px/1 'MX Onest','Manrope',system-ui,sans-serif;letter-spacing:.01em;text-transform:none;color:#aab4d0}
.sq-combo[data-skin="era20"] .sq-qnav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.sq-combo[data-skin="era20"] .sq-qnav a.is-active{color:var(--qn-ink);background:var(--qn-acc)}
@media (max-width:700px){
  .sq-qnav__in{padding:0 8px}
  .sq-qnav a{padding:13px 11px;font-size:12px}
}

/* ---------- сетка плей-офф ---------- */
.al-ko__scroll{overflow-x:auto;overflow-y:hidden;margin:0 -4px;padding:4px}
.al-ko__grid{display:grid;grid-template-columns:repeat(var(--c),minmax(210px,1fr));gap:16px;min-width:calc(var(--c) * 226px)}
.al-ko__col{display:flex;flex-direction:column;min-width:0}
.al-ko__h{margin:0 0 10px;font:700 11px/1.2 var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.al-ko__l{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:10px;margin:0;padding:0;list-style:none}
.al-ko__3{display:grid;gap:6px}
.al-ko__h3{font:700 11px/1.2 var(--f-m);text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.al-kg{display:grid;gap:4px;padding:9px 11px;border-radius:10px;background:var(--pap);color:var(--pin);text-decoration:none;font-size:13.5px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.al-kg:hover .al-kg__n{text-decoration:underline}
.al-kg__t{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--pmut)}
.al-kg__t.is-win{color:var(--pin);font-weight:700}
.al-kg__n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-kg__t b{font:700 16px/1 var(--f-n);font-variant-numeric:tabular-nums}
.al-kg__t b small{margin-left:3px;font-size:11px;font-weight:600}
.al-kg__m{font-size:11px;color:var(--pmut)}
.al-kg.is-us{box-shadow:0 0 0 2px var(--acc),0 4px 12px rgba(0,0,0,.08)}
.al-kg__t.is-me .al-kg__n{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.sq--v-album[data-skin="fr98"] .al-kg{border-radius:2px;border-left:5px solid #c3cde6;box-shadow:0 6px 16px rgba(10,31,92,.12)}
.sq--v-album[data-skin="fr98"] .al-kg.is-us{border-left-color:#1e3fb4;box-shadow:0 0 0 2px #1e3fb4,0 6px 16px rgba(10,31,92,.16)}
.sq--v-album[data-skin="fr98"] .al-kg__t b{font-family:var(--f-d);color:#1e3fb4}

/* ---------- сборные розыгрыша - лента в самом низу ---------- */
.al-switch--teams{padding:22px 0 26px}
.al-switch--teams .al-switch__l{display:block;max-width:none;margin:0 0 10px}

/* ---------- заявка плитками: имя над фамилией (в списке - только фамилия, как было) ---------- */
.al-stk__fn{display:block;margin-bottom:1px;font-size:.74em;font-weight:600;letter-spacing:.02em;text-transform:none;opacity:.85;overflow:hidden;text-overflow:ellipsis}
.al-album[data-view="list"] .al-stk__fn{display:none}

/* ---------- «Кто играл»: подпись с клубом переносится, а не обрезается («Боруссия Дортмунд») ---------- */
.sq--v-lenta .lt-mx__meta{white-space:normal;text-overflow:clip;line-height:1.25}

/* ---------- путь команды: соперник - ссылка на матч (squad-page.js) ---------- */
.lt-m__op{cursor:pointer}
.lt-m__op:hover span{text-decoration:underline;text-underline-offset:3px}

/* ---------- состав на поле: шире правый блок, кружок не шире шага линии ---------- */
@media (min-width:1200px){
  .sq--v-lenta .lt-stage__in{grid-template-columns:minmax(0,1fr) 460px}
}
.sq--v-lenta .lt-ch{width:min(23%,calc(94% / var(--k,4)));max-width:104px}