/* Страница розыгрыша ЕВРО-2024 (germany2024): копия output/tournament-page/v2-euro/style.css + v2-euro/port.css (sync_assets.py). Правки - в макете. */
/* Вариант Г: ЕВРО-2024 в тематике организатора (УЕФА / Германия-2024, «United by Football»).
   Палитра [брендбук-копия, BRANDS.md 2.2]: синий #143CDB, зелёный #00BA5D, красный #FF0000, жёлтый #FFCB00, тёмный #1E1E28
   + светлые/средние/тёмные оттенки и серые. Плоские цвета без градиентов, углы прямые.
   Шрифт - Roboto Flex (OFL, кириллица, своя папка fonts\): заголовки - Heavy Extended капсом (wght 1000, wdth 151),
   текст - Light Narrow (wght 300, wdth 75). Паттерн «ломтиков» - только по горизонтали, соседние ломтики разного цвета.
   Корень: <article class="tp tp--v2-euro">, разделы - .eu-*. */

@font-face{font-family:'EU Flex';font-style:normal;font-weight:100 1000;font-stretch:25% 151%;font-display:swap;src:url(/fonts/roboto-flex/RobotoFlex-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'EU Flex';font-style:normal;font-weight:100 1000;font-stretch:25% 151%;font-display:swap;src:url(/fonts/roboto-flex/RobotoFlex-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ================================================================ основа */
.tp--v2-euro{
  --blue:#143CDB;--green:#00BA5D;--red:#FF0000;--yellow:#FFCB00;--dark:#1E1E28;
  --blue-l:#226CFF;--blue-m:#002C92;--blue-d:#1F2369;--green-m:#009951;--green-d:#007246;--red-m:#C80000;--yellow-l:#FFE066;--dark-l:#34343D;
  --g1:#EEF4F7;--g2:#D4E3EB;--g3:#AAC8D7;--g4:#739BAA;
  --ink:#1E1E28;--mut:#4A5E6C;--line:#D4E3EB;
  --f:'EU Flex',Manrope,system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;display:block;
  background:var(--g1);color:var(--ink);font:300 17px/1.45 var(--f);font-stretch:75%;font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  margin-bottom:-40px;padding-bottom:72px; /* закрывает отступ подвала сайта - без светлой полосы перед ним */
}
.tp--v2-euro *,.tp--v2-euro *::before,.tp--v2-euro *::after{box-sizing:border-box}
.tp--v2-euro :where(h1,h2,h3,p,ol,ul,dl,dd,dt,figure,table){margin:0;padding:0}
.tp--v2-euro :where(ol,ul){list-style:none}
.tp--v2-euro :where(div,li,span,a,p,dd,dt,section,article,header,nav,td,th,details,summary,figure,figcaption){min-width:0}
.tp--v2-euro :is(h1,h2,h3){font-weight:inherit;letter-spacing:normal;color:inherit}
.tp--v2-euro a{color:inherit;text-decoration:none}
.tp--v2-euro img{display:block;max-width:100%}
.tp--v2-euro abbr{text-decoration:none}
.tp--v2-euro button{font:inherit;color:inherit}
.tp--v2-euro :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.tp--v2-euro .eu-in{max-width:1440px;margin:0 auto;padding:0 40px}
.tp--v2-euro .eu-sec{padding-top:96px;scroll-margin-top:96px}
.tp--v2-euro .eu-flag{flex:none;width:24px;height:16px;object-fit:cover;box-shadow:0 0 0 1px rgba(30,30,40,.14)}
.tp--v2-euro .eu-flag--none{display:inline-block;background:repeating-linear-gradient(135deg,#AAC8D7 0 2px,#EEF4F7 2px 4px)}
.tp--v2-euro .eu-x{font-weight:1000;font-stretch:151%;text-transform:uppercase}

/* заголовок раздела: шесть ломтиков + сверхширокий капс */
.tp--v2-euro .eu-h{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:0 0 30px}
.tp--v2-euro .eu-ms{flex:none;width:58px;height:34px}
.tp--v2-euro .eu-h__t{font:1000 clamp(26px,3vw,44px)/1 var(--f);font-stretch:151%;text-transform:uppercase;letter-spacing:-.005em}
.tp--v2-euro .eu-h__n{padding:6px 12px 5px;background:var(--yellow);color:var(--ink);font:700 16px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-h--dark .eu-h__t{color:#fff}

/* полоса ломтиков: повтор только по горизонтали */
.tp--v2-euro .eu-strip{height:44px;background-repeat:repeat-x;background-size:auto 100%;background-position:0 0}
.tp--v2-euro .eu-strip--blue{background-image:url(/images/edition/euro/germany2024/slices-blue.svg)}
.tp--v2-euro .eu-strip--dark{background-image:url(/images/edition/euro/germany2024/slices-dark.svg)}
.tp--v2-euro .eu-strip--light{background-image:url(/images/edition/euro/germany2024/slices-light.svg)}

/* подпись фото: автор и лицензия, без обрезки */
.tp--v2-euro .eu-cr{display:block;color:var(--mut);font:400 12px/1.35 var(--f);font-stretch:75%;overflow-wrap:break-word}

/* ================================================================ 1. ПЕРВЫЙ ЭКРАН: синий, стадион сверху */
.tp--v2-euro .eu-hero{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.tp--v2-euro .eu-hero__in{padding-top:20px;padding-bottom:40px}
.tp--v2-euro .eu-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;font:400 14px/1.4 var(--f);font-stretch:75%;color:rgba(255,255,255,.86)}
.tp--v2-euro .eu-crumbs li + li::before{content:"›";margin:0 8px;color:rgba(255,255,255,.6)}
.tp--v2-euro .eu-crumbs a:hover{color:var(--yellow);text-decoration:underline}
.tp--v2-euro .eu-crumbs [aria-current]{color:#fff;font-weight:600}
.tp--v2-euro .eu-hero__grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:24px}
.tp--v2-euro .eu-hero__main{display:grid;gap:22px;align-content:start}
.tp--v2-euro .eu-hero__title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.tp--v2-euro .eu-hero__logo{width:112px;height:auto;padding:12px 11px 10px;background:#fff}
.tp--v2-euro .eu-hero__hw{container-type:inline-size}
.tp--v2-euro .eu-hero__h1{font:1000 min(86px,11.2cqi)/.9 var(--f);font-stretch:151%;text-transform:uppercase;letter-spacing:-.01em}
.tp--v2-euro .eu-hero__h1 span{display:block}
.tp--v2-euro .eu-hero__year{color:var(--yellow)}
.tp--v2-euro .eu-hero__meta{max-width:60ch;font:300 19px/1.4 var(--f);font-stretch:75%;color:#fff}
/* чемпион: жёлтая плашка со скошенным краем */
.tp--v2-euro .eu-champ{display:grid;gap:12px;padding:18px 64px 20px 22px;background:var(--yellow);color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 42px) 100%,0 100%)}
.tp--v2-euro .eu-champ__k{font:600 14px/1 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.32em}
.tp--v2-euro .eu-champ__name{display:flex;align-items:center;gap:18px;font:1000 min(64px,5vw)/.95 var(--f);font-stretch:151%;text-transform:uppercase;letter-spacing:-.01em}
.tp--v2-euro .eu-champ__name:hover span{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}
.tp--v2-euro .eu-champ__flag{flex:none;width:clamp(60px,5vw,84px);aspect-ratio:3/2;height:auto;object-fit:cover;box-shadow:0 0 0 2px var(--ink)}
.tp--v2-euro .eu-champ__fin{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;justify-self:start;font:500 18px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .eu-champ__fin:hover span span{text-decoration:underline}
.tp--v2-euro .eu-champ__tm{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tp--v2-euro .eu-champ__m{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.tp--v2-euro .eu-champ__fl{padding:4px 8px 3px;background:var(--ink);color:var(--yellow);font:800 13px/1 var(--f);font-stretch:110%;text-transform:uppercase;letter-spacing:.08em}
.tp--v2-euro .eu-champ__fin b{padding:3px 8px 2px;background:var(--ink);color:#fff;font:900 20px/1 var(--f);font-stretch:120%}
.tp--v2-euro .eu-champ__fin .eu-flag{width:24px;height:16px}
.tp--v2-euro .eu-champ__fin small{font-size:15px}
/* стадион сверху и мяч */
.tp--v2-euro .eu-hero__vis{position:relative;align-self:stretch;display:grid;place-items:center}
.tp--v2-euro .eu-stadium{display:block;width:100%;height:auto;max-width:640px}
.tp--v2-euro .eu-hero__ball{position:absolute;right:2%;bottom:0;width:clamp(96px,10vw,150px);height:auto;filter:drop-shadow(0 10px 14px rgba(15,20,80,.45))}
/* цифры турнира */
.tp--v2-euro .eu-nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:36px}
.tp--v2-euro .eu-nums > div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:14px 18px 0;box-shadow:inset 0 6px 0 var(--c,#fff)}
.tp--v2-euro .eu-nums > div:nth-child(1){--c:var(--green)}.tp--v2-euro .eu-nums > div:nth-child(2){--c:var(--yellow)}
.tp--v2-euro .eu-nums > div:nth-child(3){--c:var(--red)}.tp--v2-euro .eu-nums > div:nth-child(4){--c:#fff}
.tp--v2-euro .eu-nums > div:nth-child(5){--c:var(--dark)}
.tp--v2-euro .eu-nums dd{font:1000 clamp(38px,3.6vw,58px)/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-nums dt{font:400 16px/1.25 var(--f);font-stretch:75%;color:rgba(255,255,255,.9)}

/* ================================================================ 2. ФИНАЛ: тёмная полоса, серебряный мяч FINALE */
.tp--v2-euro .eu-final{padding-top:72px;background:var(--dark);color:#fff}
.tp--v2-euro .eu-final__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:center;padding-bottom:64px}
.tp--v2-euro .eu-sb{display:grid;gap:6px;margin:0 0 28px}
.tp--v2-euro .eu-sb__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:14px 14px 14px 18px;background:var(--dark-l);transition:background .2s var(--ease)}
.tp--v2-euro .eu-sb__row.is-w{background:var(--blue)}
.tp--v2-euro .eu-sb__row:hover{background:#3d3d48}
.tp--v2-euro .eu-sb__row.is-w:hover{background:var(--blue-l)}
.tp--v2-euro .eu-sb__flag{width:clamp(54px,5vw,78px);aspect-ratio:3/2;height:auto;object-fit:cover}
.tp--v2-euro .eu-sb__nm{font:1000 clamp(28px,3.3vw,54px)/1 var(--f);font-stretch:151%;text-transform:uppercase}
.tp--v2-euro .eu-sb__sc{min-width:1.4em;padding:8px 12px 6px;text-align:center;background:#4a4a55;font:1000 clamp(40px,4.4vw,70px)/1 var(--f);font-stretch:130%}
.tp--v2-euro .eu-sb__row.is-w .eu-sb__sc{background:var(--yellow);color:var(--ink)}
.tp--v2-euro .eu-final__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 26px;margin:0 0 30px}
.tp--v2-euro .eu-final__facts dt{color:var(--g3);font:600 13px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.24em}
.tp--v2-euro .eu-final__facts dd{margin-top:6px;font:400 19px/1.3 var(--f);font-stretch:75%}
.tp--v2-euro .eu-btn{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 22px;background:var(--yellow);color:var(--ink);font:900 16px/1 var(--f);font-stretch:120%;text-transform:uppercase;letter-spacing:.02em;transition:background .2s var(--ease),transform .15s var(--ease)}
.tp--v2-euro .eu-btn i{width:22px;height:14px;background:currentColor;clip-path:polygon(0 42%,64% 42%,64% 0,100% 50%,64% 100%,64% 58%,0 58%)}
.tp--v2-euro .eu-btn:hover{background:#fff}
.tp--v2-euro .eu-btn:active{transform:translateY(1px)}
.tp--v2-euro .eu-final__vis{position:relative;display:grid;justify-items:end;padding-left:70px}
.tp--v2-euro .eu-final__cup{display:grid;gap:10px;width:min(100%,360px)}
.tp--v2-euro .eu-final__frame{display:block;aspect-ratio:4/5;background:var(--blue);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);overflow:hidden}
.tp--v2-euro .eu-final__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.tp--v2-euro .eu-final__cup figcaption{display:grid;gap:2px;padding-left:4%}
.tp--v2-euro .eu-final__cup figcaption span{font:600 15px/1.3 var(--f);font-stretch:75%}
.tp--v2-euro .eu-final .eu-cr{color:var(--g3)}
.tp--v2-euro .eu-final__ball{position:absolute;left:0;top:44%;width:clamp(120px,12vw,190px);height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}
.tp--v2-euro .eu-final__balltag{position:absolute;left:0;top:calc(44% + clamp(126px,12.6vw,198px));width:clamp(120px,12vw,190px);text-align:center;color:var(--g3);font:700 13px/1.2 var(--f);font-stretch:100%;letter-spacing:.08em}

/* ================================================================ 3. СЕТКА */
.tp--v2-euro .eu-br{--g:16px;--wire:#AAC8D7;--path:var(--yellow);display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.96fr) repeat(3,minmax(0,1fr));column-gap:var(--g);
  padding:24px 20px 28px;background:#fff;border:1px solid var(--g2)}
.tp--v2-euro .eu-br__col{display:flex;flex-direction:column;min-width:0}
.tp--v2-euro .eu-br__hd{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:0 0 12px;padding:0 0 8px;border-bottom:3px solid var(--ink);font:400 15px/1.1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-br__hd b{font-weight:900;font-stretch:120%;text-transform:uppercase;font-size:14px}
.tp--v2-euro .eu-br__hd span{color:var(--mut)}
.tp--v2-euro .eu-br__col--c .eu-br__hd{justify-content:center;gap:12px;border-color:var(--yellow)}
.tp--v2-euro .eu-br__body{flex:1;display:flex;flex-direction:column;min-height:560px}
.tp--v2-euro .eu-br__pair,.tp--v2-euro .eu-br__one{position:relative;flex:1;display:flex;flex-direction:column}
.tp--v2-euro .eu-br__slot{position:relative;flex:1;display:flex;align-items:center;padding:6px 0}
/* карточка матча: белая, слева ломтик, счёт победителя - синий */
.tp--v2-euro .eu-mc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d d" "h hs" "a as";align-items:center;gap:4px 8px;width:100%;
  padding:8px 7px 9px 13px;background:#fff;border:1px solid var(--g2);transition:border-color .2s var(--ease),transform .2s var(--ease)}
.tp--v2-euro .eu-mc::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:7px;background:var(--g3);clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}
.tp--v2-euro a.eu-mc:hover{border-color:var(--blue);transform:translateY(-1px)}
.tp--v2-euro .eu-mc.is-ch::before{background:var(--yellow)}
.tp--v2-euro .eu-mc.is-ch{border-color:#e7b800}
.tp--v2-euro .eu-mc__d{grid-area:d;color:var(--mut);font:400 14px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-mc__n{grid-area:d;justify-self:end;color:var(--red-m);font:700 13px/1 var(--f);font-stretch:75%;white-space:nowrap}
.tp--v2-euro .eu-mc__t{display:flex;align-items:center;gap:6px;color:var(--mut);font:500 15.5px/1.15 var(--f);font-stretch:60%}
.tp--v2-euro .eu-mc__t b{font-weight:inherit}
.tp--v2-euro .eu-mc__t .eu-flag{width:18px;height:12px}
.tp--v2-euro .eu-mc__t.is-w{color:var(--ink);font-weight:800}
.tp--v2-euro .eu-mc__t--h{grid-area:h}.tp--v2-euro .eu-mc__t--a{grid-area:a}
.tp--v2-euro .eu-mc__s{grid-area:hs;min-width:25px;padding:4px 5px 3px;text-align:center;background:var(--g1);color:var(--mut);font:900 17px/1 var(--f);font-stretch:110%;font-style:normal}
.tp--v2-euro .eu-mc__s--a{grid-area:as}
.tp--v2-euro .eu-mc__s.is-w{background:var(--blue);color:#fff}
/* провода; путь чемпиона - жёлтым */
.tp--v2-euro .eu-br__col--l .eu-mc::after,.tp--v2-euro .eu-br__col--r .eu-mc::after{content:"";position:absolute;top:50%;width:calc(var(--g) / 2 + 1px);height:2px;margin-top:-1px;background:var(--wire)}
.tp--v2-euro .eu-br__col--l .eu-mc::after{left:100%}
.tp--v2-euro .eu-br__col--r .eu-mc::after{right:100%}
.tp--v2-euro .eu-br__col--l .eu-br__pair::after,.tp--v2-euro .eu-br__col--r .eu-br__pair::after{content:"";position:absolute;top:25%;bottom:25%;width:2px;background:var(--wire)}
.tp--v2-euro .eu-br__col--l .eu-br__pair::after{right:calc(var(--g) / -2 - 1px)}
.tp--v2-euro .eu-br__col--r .eu-br__pair::after{left:calc(var(--g) / -2 - 1px)}
.tp--v2-euro .eu-br__col--l:not(.eu-br__col--round_of_16) .eu-mc > .eu-mc__d::before,
.tp--v2-euro .eu-br__col--r:not(.eu-br__col--round_of_16) .eu-mc > .eu-mc__d::before{content:"";position:absolute;top:50%;width:calc(var(--g) / 2 + 1px);height:2px;margin-top:-1px;background:var(--wire)}
.tp--v2-euro .eu-br__col--l:not(.eu-br__col--round_of_16) .eu-mc > .eu-mc__d::before{right:100%}
.tp--v2-euro .eu-br__col--r:not(.eu-br__col--round_of_16) .eu-mc > .eu-mc__d::before{left:100%}
.tp--v2-euro .eu-br__col--semi .eu-mc::after{width:calc(var(--g) + 2px)}
.tp--v2-euro .eu-br__col .eu-mc.is-ch::after,.tp--v2-euro .eu-br__col .eu-mc.is-ch > .eu-mc__d::before{height:4px;margin-top:-2px;background:var(--path)}
/* центр: чемпион, финал, мяч FINALE */
.tp--v2-euro .eu-br__fin{flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:16px}
.tp--v2-euro .eu-br__champ{align-self:end;display:grid;justify-items:center;gap:8px;padding:14px 12px 16px;background:var(--yellow);color:var(--ink);text-align:center}
.tp--v2-euro .eu-br__lt{display:grid;place-items:center;width:72px;height:72px;margin-bottom:2px;background:#fff}
.tp--v2-euro .eu-br__logo{width:44px;height:auto}
.tp--v2-euro .eu-br__ck{font:600 13px/1 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.3em}
.tp--v2-euro .eu-br__cflag{width:54px;aspect-ratio:3/2;height:auto;object-fit:cover;box-shadow:0 0 0 2px var(--ink)}
.tp--v2-euro .eu-br__champ b{font:1000 clamp(17px,1.5vw,22px)/1 var(--f);font-stretch:151%;text-transform:uppercase}
.tp--v2-euro .eu-br__champ:hover b{text-decoration:underline}
.tp--v2-euro .eu-mc--final{padding-top:10px;padding-bottom:11px;border:3px solid var(--yellow)}
.tp--v2-euro .eu-mc--final .eu-mc__t{font-size:18px}
.tp--v2-euro .eu-mc--final .eu-mc__s{font-size:21px;min-width:32px}
.tp--v2-euro .eu-br__col--c .eu-mc--final::before{display:none}
.tp--v2-euro .eu-br__col--c .eu-mc--final .eu-mc__d::before,.tp--v2-euro .eu-br__col--c .eu-mc--final .eu-mc__d::after{content:"";position:absolute;top:50%;width:calc(var(--g) / 2 + 3px);height:4px;margin-top:-2px;background:var(--path)}
.tp--v2-euro .eu-br__col--c .eu-mc--final .eu-mc__d::before{right:100%}
.tp--v2-euro .eu-br__col--c .eu-mc--final .eu-mc__d::after{left:100%}
.tp--v2-euro .eu-br__third{align-self:start;display:grid;justify-items:center}
.tp--v2-euro .eu-br__ball{width:min(132px,70%);height:auto;margin-top:8px}

/* ================================================================ 4. ГРУППЫ */
.tp--v2-euro .eu-groups__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tp--v2-euro .eu-gr{background:#fff;border:1px solid var(--g2)}
.tp--v2-euro .eu-gr--blue{--tone:var(--blue);--tone-fg:#fff}
.tp--v2-euro .eu-gr--green{--tone:var(--green);--tone-fg:var(--ink)}
.tp--v2-euro .eu-gr--red{--tone:var(--red-m);--tone-fg:#fff}
.tp--v2-euro .eu-gr--yellow{--tone:var(--yellow);--tone-fg:var(--ink)}
.tp--v2-euro .eu-gr__h{position:relative;display:flex;align-items:center;gap:14px;height:66px;padding:0 20px;overflow:hidden;background:var(--tone);color:var(--tone-fg)}
.tp--v2-euro .eu-gr__h::after{content:"";position:absolute;right:-6px;top:0;bottom:0;width:46%;
  background:repeating-linear-gradient(102deg,transparent 0 16px,rgba(255,255,255,.22) 16px 30px,transparent 30px 34px,rgba(30,30,40,.14) 34px 46px)}
.tp--v2-euro .eu-gr__k{font:600 14px/1 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.32em}
.tp--v2-euro .eu-gr__l{font:1000 44px/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-gr__tbl{width:100%;border-collapse:collapse;font:400 16px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .eu-gr__tbl th,.tp--v2-euro .eu-gr__tbl td{padding:9px 4px;text-align:center;white-space:nowrap;vertical-align:middle}
.tp--v2-euro .eu-gr__tbl thead th{padding-top:12px;padding-bottom:8px;color:var(--mut);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.tp--v2-euro .eu-gr__tbl tbody tr{border-top:1px solid var(--g1)}
.tp--v2-euro .eu-gr__tbl .p{width:34px;padding-left:12px;color:var(--mut)}
.tp--v2-euro .eu-gr__tbl .t{text-align:left;white-space:normal}
.tp--v2-euro .eu-gr__tbl .t a{display:flex;align-items:center;gap:8px}
.tp--v2-euro .eu-gr__tbl .t a:hover span{text-decoration:underline;text-underline-offset:3px}
.tp--v2-euro .eu-gr__tbl .t span{overflow-wrap:normal}
.tp--v2-euro .eu-gr__tbl .n{width:24px}
.tp--v2-euro .eu-gr__tbl .g{width:44px}
.tp--v2-euro .eu-gr__tbl .o{width:34px;font-weight:1000;font-stretch:130%;font-size:18px}
.tp--v2-euro .eu-gr__tbl thead .o{font-size:13px;font-weight:600;font-stretch:75%}
.tp--v2-euro .eu-gr__tbl .f{width:78px;padding-right:12px}
.tp--v2-euro .eu-gr__tbl td.f{text-align:right}
.tp--v2-euro .eu-gr__tbl tr.is-q td.p{box-shadow:inset 5px 0 0 var(--green);color:var(--ink);font-weight:800}
.tp--v2-euro .eu-gr__tbl tr.is-q .t{font-weight:700}
.tp--v2-euro .eu-fm{display:inline-grid;place-items:center;width:22px;height:20px;margin-left:2px;font:800 12px/1 var(--f);font-stretch:100%;font-style:normal;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.tp--v2-euro .eu-fm--w{background:var(--green);color:var(--ink)}
.tp--v2-euro .eu-fm--d{background:var(--g2);color:var(--ink)}
.tp--v2-euro .eu-fm--l{background:var(--red-m);color:#fff}

/* ================================================================ 5. БОМБАРДИРЫ: дуотон в ломтиках */
.tp--v2-euro .eu-lds{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0 12px}
.tp--v2-euro .eu-ld{display:flex;flex-direction:column;gap:14px}
.tp--v2-euro .eu-ld--blue{--tone:var(--blue)}.tp--v2-euro .eu-ld--green{--tone:var(--green)}
.tp--v2-euro .eu-ld--red{--tone:var(--red)}.tp--v2-euro .eu-ld--yellow{--tone:var(--yellow)}
.tp--v2-euro .eu-ld__ph{position:relative;display:block;height:clamp(240px,21vw,300px);overflow:hidden;background:var(--tone);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}
.tp--v2-euro .eu-ld:nth-child(even) .eu-ld__ph{clip-path:polygon(0 0,91% 0,100% 100%,9% 100%)}
.tp--v2-euro .eu-ld__ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(102deg,transparent 0 22px,rgba(255,255,255,.14) 22px 40px,transparent 40px 46px,rgba(30,30,40,.1) 46px 60px)}
.tp--v2-euro .eu-ld__flag{position:absolute;left:16%;top:16px;z-index:1}
.tp--v2-euro .eu-ld:nth-child(even) .eu-ld__flag{left:9%}
.tp--v2-euro .eu-ld__flag .eu-flag{width:44px;height:30px;box-shadow:0 0 0 2px rgba(30,30,40,.4)}
.tp--v2-euro .eu-ld__ini{position:absolute;left:0;right:0;top:30%;z-index:1;text-align:center;color:var(--fg,#fff);font:1000 clamp(54px,5vw,78px)/1 var(--f);font-stretch:151%;letter-spacing:-.02em}
.tp--v2-euro .eu-ld--yellow,.tp--v2-euro .eu-ld--green{--fg:var(--ink)}
.tp--v2-euro .eu-ld__thumb{position:absolute;right:16%;bottom:16px;z-index:1;width:clamp(78px,6.6vw,104px);aspect-ratio:4/5;overflow:hidden;background:var(--g2);box-shadow:0 0 0 4px #fff}
.tp--v2-euro .eu-ld:nth-child(odd) .eu-ld__thumb{right:9%}
.tp--v2-euro .eu-ld__thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .5s var(--ease)}
.tp--v2-euro .eu-ld__ph:hover .eu-ld__thumb img{transform:scale(1.06)}
.tp--v2-euro .eu-ld__txt{display:grid;gap:6px;padding:0 4px}
.tp--v2-euro .eu-ld__g{display:flex;align-items:baseline;gap:8px}
.tp--v2-euro .eu-ld__g b{padding:2px 10px 0;background:var(--yellow);font:1000 40px/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-ld__g span{font:500 17px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-ld__nm{font:800 19px/1.15 var(--f);font-stretch:75%}
.tp--v2-euro .eu-ld__nm:hover{color:var(--blue);text-decoration:underline}
.tp--v2-euro .eu-ld__tm,.tp--v2-euro .eu-sr__tm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--mut);font:400 15px/1.3 var(--f);font-stretch:75%}
.tp--v2-euro .eu-ld__tm a:hover,.tp--v2-euro .eu-sr__tm a:hover{color:var(--blue);text-decoration:underline}
.tp--v2-euro :is(.eu-ld__tm,.eu-sr__tm) > span b{color:var(--ink);font-weight:800}
.tp--v2-euro .eu-mono{display:grid;place-items:center;color:var(--ink);font:1000 54px/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-srs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-top:44px;padding-top:28px;border-top:3px solid var(--ink)}
.tp--v2-euro .eu-sr{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px 10px 10px;background:#fff;border:1px solid var(--g2)}
.tp--v2-euro .eu-sr__ph{display:block;height:76px;overflow:hidden;background:var(--blue);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}
.tp--v2-euro .eu-sr__img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.tp--v2-euro .eu-sr__ph .eu-mono{width:100%;height:100%;font-size:22px;color:#fff}
.tp--v2-euro .eu-sr__txt{display:grid;gap:3px}
.tp--v2-euro .eu-sr__nm{font:800 17px/1.15 var(--f);font-stretch:75%}
.tp--v2-euro .eu-sr__nm:hover{color:var(--blue);text-decoration:underline}
.tp--v2-euro .eu-sr__g{display:grid;justify-items:center;min-width:52px;padding:6px 6px 5px;background:var(--g1)}
.tp--v2-euro .eu-sr__g b{font:1000 26px/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-sr__g span{color:var(--mut);font:500 13px/1.2 var(--f);font-stretch:75%}

/* ================================================================ 6. ЦИФРЫ */
.tp--v2-euro .eu-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(210px,auto);gap:16px}
.tp--v2-euro .eu-nb{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;background:#fff;border:1px solid var(--g2);overflow:hidden}
.tp--v2-euro .eu-nb__k{font:600 14px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.24em}
.tp--v2-euro .eu-nb--goals{grid-column:1/6;grid-row:1/3;background:var(--yellow);border:0}
.tp--v2-euro .eu-nb__big{font:1000 clamp(110px,11vw,172px)/.86 var(--f);font-stretch:151%;letter-spacing:-.02em}
.tp--v2-euro .eu-nb__avg{font:400 20px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .eu-nb__avg b{padding:2px 8px 1px;margin-right:6px;background:var(--ink);color:var(--yellow);font:1000 28px/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-nb__sw{margin-top:auto;padding-top:16px;border-top:3px solid var(--ink)}
.tp--v2-euro .eu-nb__stk{margin:0 0 10px;font:600 13px/1.2 var(--f);font-stretch:75%;text-transform:uppercase;letter-spacing:.2em}
.tp--v2-euro .eu-nb__st{display:grid;gap:8px}
.tp--v2-euro .eu-nb__st li{display:grid;grid-template-columns:150px minmax(0,1fr) 56px;align-items:center;gap:12px}
.tp--v2-euro .eu-nb__st li > span{display:grid;font:600 16px/1.15 var(--f);font-stretch:75%}
.tp--v2-euro .eu-nb__st small{color:#3A3420;font:400 13px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .eu-nb__st i{display:block;width:var(--w);height:16px;background:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.tp--v2-euro .eu-nb__st b{justify-self:end;font:1000 20px/1 var(--f);font-stretch:130%}
.tp--v2-euro .eu-nb--m{grid-column:6/13;grid-row:1;background:var(--blue);color:#fff;border:0;transition:background .2s var(--ease)}
.tp--v2-euro .eu-nb--m:hover{background:var(--blue-m)}
.tp--v2-euro .eu-nb--m2{grid-column:10/13}
.tp--v2-euro .eu-nb--m1:not(.eu-nb--wide){grid-column:6/10}
.tp--v2-euro .eu-nb__mt{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.tp--v2-euro .eu-nb__mt > span{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font:1000 clamp(18px,1.8vw,28px)/1.05 var(--f);font-stretch:151%;text-transform:uppercase}
.tp--v2-euro .eu-nb__mt > span:last-child{align-items:flex-end;text-align:right}
.tp--v2-euro .eu-nb__mt > span:first-child{justify-content:flex-start}
.tp--v2-euro .eu-nb__mt .eu-flag{width:54px;height:36px}
.tp--v2-euro .eu-nb__mt b{font-weight:inherit}
.tp--v2-euro .eu-nb__mt strong{padding:6px 14px 4px;background:var(--yellow);color:var(--ink);font:1000 clamp(44px,4.6vw,72px)/1 var(--f);font-stretch:130%}
.tp--v2-euro .eu-nb__sub{color:#fff;font:300 16px/1.3 var(--f);font-stretch:75%}
.tp--v2-euro .eu-nb--cards{grid-column:6/9;grid-row:2}
.tp--v2-euro .eu-nb__pair{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:end}
.tp--v2-euro .eu-nb__pair p{display:grid;grid-template-columns:28px auto minmax(0,1fr);grid-template-areas:"i n s";align-items:center;gap:12px}
.tp--v2-euro .eu-nb__pair b{grid-area:n;font:1000 clamp(36px,3.4vw,52px)/1 var(--f);font-stretch:140%}
.tp--v2-euro .eu-nb__pair span{grid-area:s;color:var(--mut);font:500 16px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .eu-card{grid-area:i;width:22px;height:30px;transform:rotate(-8deg)}
.tp--v2-euro .eu-card--y{background:var(--yellow)}.tp--v2-euro .eu-card--r{background:var(--red)}
.tp--v2-euro .eu-nb--og{grid-column:9/11;grid-row:2;background:var(--green);border:0}
.tp--v2-euro .eu-nb--pen{grid-column:11/13;grid-row:2;background:var(--dark);color:#fff;border:0}
.tp--v2-euro .eu-nb__mid{margin-top:auto;font:1000 clamp(56px,5.4vw,84px)/.9 var(--f);font-stretch:151%}

/* ================================================================ 7. ВСЕ МАТЧИ: по игровым дням */
.tp--v2-euro .eu-fxp + .eu-fxp{margin-top:28px}
.tp--v2-euro .eu-fxp summary{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 18px;cursor:pointer;list-style:none;background:var(--ink);color:#fff}
.tp--v2-euro .eu-fxp summary::-webkit-details-marker{display:none}
.tp--v2-euro .eu-fxp summary::before{content:"";width:12px;height:14px;background:var(--yellow);clip-path:polygon(0 0,100% 50%,0 100%);transition:transform .2s var(--ease)}
.tp--v2-euro .eu-fxp[open] summary::before{transform:rotate(90deg)}
.tp--v2-euro .eu-fxp summary span{font:1000 20px/1 var(--f);font-stretch:151%;text-transform:uppercase}
.tp--v2-euro .eu-fxp summary small{color:var(--yellow);font:600 16px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-days{columns:3 360px;column-gap:20px}
.tp--v2-euro .eu-day{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid var(--g2)}
.tp--v2-euro .eu-day__h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:11px 14px 10px;border-bottom:3px solid var(--blue)}
.tp--v2-euro .eu-day__h b{font:1000 17px/1 var(--f);font-stretch:151%;text-transform:uppercase}
.tp--v2-euro .eu-day__h span{color:var(--mut);font:400 15px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-day__h em{margin-left:auto;padding:3px 8px 2px;background:var(--yellow);font:700 14px/1 var(--f);font-stretch:75%;font-style:normal}
.tp--v2-euro .eu-day__list li + li{border-top:1px solid var(--g1)}
.tp--v2-euro .eu-fx{display:grid;grid-template-columns:24px minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"tag h s a" ". n n n" ". st st st";align-items:center;gap:2px 9px;padding:10px 12px 9px;transition:background .15s}
.tp--v2-euro .eu-fx:hover{background:var(--g1)}
.tp--v2-euro .eu-fx__tag{grid-area:tag;display:grid;place-items:center;width:24px;height:24px;background:var(--g1);color:var(--ink);font:900 13px/1 var(--f);font-stretch:130%}
.tp--v2-euro .eu-fx__h,.tp--v2-euro .eu-fx__a{display:flex;align-items:center;gap:7px;color:var(--mut);font:500 16px/1.15 var(--f);font-stretch:75%}
.tp--v2-euro .eu-fx__h{grid-area:h;justify-content:flex-end;text-align:right}
.tp--v2-euro .eu-fx__a{grid-area:a}
.tp--v2-euro .eu-fx :is(.eu-fx__h,.eu-fx__a) b{font-weight:inherit}
.tp--v2-euro .eu-fx :is(.eu-fx__h,.eu-fx__a).is-w{color:var(--ink);font-weight:800}
.tp--v2-euro .eu-fx .eu-flag{width:21px;height:14px}
.tp--v2-euro .eu-fx__s{grid-area:s;min-width:48px;padding:5px 7px 4px;text-align:center;background:var(--blue);color:#fff;font:900 16px/1 var(--f);font-stretch:120%}
.tp--v2-euro .eu-fx__n{grid-area:n;justify-self:center;margin-top:2px;color:var(--red-m);font:700 13px/1 var(--f);font-stretch:75%;white-space:nowrap}
.tp--v2-euro .eu-fx__st{grid-area:st;margin-top:2px;text-align:center;color:var(--mut);font:400 13px/1.3 var(--f);font-stretch:75%}

/* ================================================================ 8. УЧАСТНИКИ: ломтики по стадиям */
.tp--v2-euro .eu-trs{display:grid;gap:10px}
.tp--v2-euro .eu-tr{display:grid;grid-template-columns:230px minmax(0,1fr);background:#fff;border:1px solid var(--g2)}
.tp--v2-euro .eu-tr--yellow{--tone:var(--yellow);--tone-fg:var(--ink)}
.tp--v2-euro .eu-tr--blue{--tone:var(--blue);--tone-fg:#fff}
.tp--v2-euro .eu-tr--green{--tone:var(--green);--tone-fg:var(--ink)}
.tp--v2-euro .eu-tr--red{--tone:var(--red-m);--tone-fg:#fff}
.tp--v2-euro .eu-tr--dark{--tone:var(--dark);--tone-fg:#fff}
.tp--v2-euro .eu-tr--grey{--tone:var(--g2);--tone-fg:var(--ink)}
.tp--v2-euro .eu-tr__k{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 34px 14px 18px;background:var(--tone);color:var(--tone-fg);clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}
.tp--v2-euro .eu-tr__k b{font:1000 17px/1.1 var(--f);font-stretch:151%;text-transform:uppercase}
.tp--v2-euro .eu-tr__k span{font:500 18px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-tr__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px}
.tp--v2-euro .eu-tm{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 20px 6px 16px;background:var(--g1);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background .15s}
.tp--v2-euro .eu-tm:hover{background:var(--g2)}
.tp--v2-euro .eu-tm b{font:700 17px/1.1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-tm small{color:var(--mut);font:400 13px/1 var(--f);font-stretch:75%}
.tp--v2-euro .eu-tr--yellow .eu-tm{background:var(--yellow)}
.tp--v2-euro .eu-tr--yellow .eu-tm small{color:#2E3A44}

/* ================================================================ 9-11. СЛАЙДЕРЫ: видео, фото, статьи */
.tp--v2-euro .eu-sl .eu-h{flex-wrap:nowrap}
.tp--v2-euro .eu-sl__nav{display:flex;gap:8px;margin-left:auto}
.tp--v2-euro .eu-sl__btn{display:grid;place-items:center;width:52px;height:52px;border:0;cursor:pointer;background:var(--ink);color:#fff;transition:background .2s var(--ease)}
.tp--v2-euro .eu-sl__btn:hover:not(:disabled){background:var(--blue)}
.tp--v2-euro .eu-sl__btn:disabled{opacity:.35;cursor:default}
.tp--v2-euro .eu-sl__btn i{width:18px;height:16px;background:currentColor;clip-path:polygon(100% 42%,36% 42%,36% 0,0 50%,36% 100%,36% 58%,100% 58%)}
.tp--v2-euro .eu-sl__btn--next i{transform:scaleX(-1)}
.tp--v2-euro .eu-sl__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:var(--g3) transparent}
.tp--v2-euro .eu-sl__track > li{flex:none;scroll-snap-align:start}
.tp--v2-euro .eu-sl{--cw:min(100vw - 80px,1360px);overflow-x:clip}
@media (min-width:600px){
  .tp--v2-euro .eu-sl__track{margin-right:calc(50% - 50vw);padding-right:calc(50vw - 50%);scroll-padding-left:0}
  .tp--v2-euro .eu-sl__track > li:last-child{margin-right:calc(50vw - 50%)}
}
.tp--v2-euro .eu-soon{position:absolute;left:14px;top:14px;z-index:2;padding:6px 10px 5px;background:var(--yellow);color:var(--ink);font:900 13px/1 var(--f);font-stretch:130%;text-transform:uppercase;letter-spacing:.06em}
/* видео: кадр 16:9 с кнопкой */
.tp--v2-euro .eu-vc{width:calc((var(--cw) - 36px) / 2.4)}
.tp--v2-euro .eu-vc__frame{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--blue)}
.tp--v2-euro .eu-vc__frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:url(/images/edition/euro/germany2024/slices-blue.svg) 0 0/auto 100% repeat-x}
.tp--v2-euro .eu-vc__frame--1{background:var(--dark)}
.tp--v2-euro .eu-vc__frame--1::after{background-image:url(/images/edition/euro/germany2024/slices-dark.svg)}
.tp--v2-euro .eu-vc__frame--2{background:var(--green)}
.tp--v2-euro .eu-vc__frame--2::after,.tp--v2-euro .eu-vc__frame--3::after{background-image:url(/images/edition/euro/germany2024/slices-dark.svg)}
.tp--v2-euro .eu-vc__frame--3{background:var(--red-m)}
.tp--v2-euro .eu-vc__play{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;margin-bottom:8%;background:var(--yellow);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}
.tp--v2-euro .eu-vc__play i{width:24px;height:28px;margin-left:5px;background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}
.tp--v2-euro .eu-vc__cap,.tp--v2-euro .eu-pc__cap{margin-top:10px;font:700 18px/1.2 var(--f);font-stretch:75%}
/* фото: кадры разного формата */
.tp--v2-euro .eu-pc__frame{position:relative;height:300px;overflow:hidden;background:var(--g2)}
.tp--v2-euro .eu-pc--p .eu-pc__frame{width:225px}.tp--v2-euro .eu-pc--l .eu-pc__frame{width:400px}
.tp--v2-euro .eu-pc--s .eu-pc__frame{width:300px}.tp--v2-euro .eu-pc--w .eu-pc__frame{width:534px}
.tp--v2-euro .eu-pc__frame::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(102deg,transparent 0 22px,rgba(255,255,255,.16) 22px 42px,transparent 42px 48px,rgba(30,30,40,.08) 48px 64px)}
.tp--v2-euro .eu-pc__frame--0{background:var(--blue)}.tp--v2-euro .eu-pc__frame--1{background:var(--green)}
.tp--v2-euro .eu-pc__frame--2{background:var(--red-m)}.tp--v2-euro .eu-pc__frame--3{background:var(--dark)}
.tp--v2-euro .eu-pc__ic{position:absolute;left:50%;top:50%;width:64px;height:46px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:4px}
.tp--v2-euro .eu-pc__ic::before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%}
.tp--v2-euro .eu-pc__ic::after{content:"";position:absolute;left:8px;top:-10px;width:18px;height:6px;background:#fff}
/* статьи: обложка из ломтиков и строки */
.tp--v2-euro .eu-ac{width:calc((var(--cw) - 54px) / 3.4);background:#fff;border:1px solid var(--g2)}
.tp--v2-euro .eu-ac__cover{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:var(--blue)}
.tp--v2-euro .eu-ac__cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:url(/images/edition/euro/germany2024/slices-blue.svg) 0 0/auto 100% repeat-x}
.tp--v2-euro .eu-ac__cover::before{content:"";width:64px;height:80px;margin-bottom:12%;background:
  linear-gradient(var(--ink),var(--ink)) 12px 18px/40px 5px no-repeat,linear-gradient(var(--ink),var(--ink)) 12px 32px/40px 5px no-repeat,
  linear-gradient(var(--ink),var(--ink)) 12px 46px/28px 5px no-repeat,#fff;clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%)}
.tp--v2-euro .eu-ac__cover--1{background:var(--dark)}
.tp--v2-euro .eu-ac__cover--1::after{background-image:url(/images/edition/euro/germany2024/slices-dark.svg)}
.tp--v2-euro .eu-ac__cover--2{background:var(--green)}
.tp--v2-euro .eu-ac__cover--2::after{background-image:url(/images/edition/euro/germany2024/slices-dark.svg)}
.tp--v2-euro .eu-ac__body{display:grid;gap:10px;padding:16px 18px 20px}
.tp--v2-euro .eu-ac__cap{font:700 18px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .eu-ac__body i{display:block;height:12px;background:var(--g2)}
.tp--v2-euro .eu-ac__body i:nth-of-type(2){width:86%}.tp--v2-euro .eu-ac__body i:nth-of-type(3){width:58%}

/* ================================================================ 12. ВСЕ ЧЕМПИОНАТЫ ЕВРОПЫ - внизу */
.tp--v2-euro .eu-yrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.tp--v2-euro .eu-yr{display:grid;gap:12px;min-height:118px;padding:18px 20px 16px;background:#fff;border:1px solid var(--g2);transition:border-color .2s var(--ease)}
.tp--v2-euro a.eu-yr:hover{border-color:var(--blue)}
.tp--v2-euro .eu-yr > b{font:1000 40px/1 var(--f);font-stretch:151%}
.tp--v2-euro .eu-yr__w{display:flex;align-items:center;gap:8px;font:500 16px/1.2 var(--f);font-stretch:75%}
.tp--v2-euro .is-cur .eu-yr{background:var(--yellow);border-color:var(--yellow)}

.tp--v2-euro .eu-src{margin-top:64px;color:var(--mut);font:400 14px/1.4 var(--f);font-stretch:75%}

/* ================================================================ ширины */
@media (max-width:1320px){
  .tp--v2-euro .eu-br{--g:16px;padding:20px 14px 24px}
  .tp--v2-euro .eu-mc{padding:7px 6px 8px 14px;gap:4px 6px}
  .tp--v2-euro .eu-mc__t{font-size:15px;gap:6px}
  .tp--v2-euro .eu-mc__t .eu-flag{width:19px;height:13px}
  .tp--v2-euro .eu-gr__tbl .x{display:none}
  .tp--v2-euro .eu-lds{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 14px}
}
@media (max-width:1180px){
  .tp--v2-euro .eu-groups__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp--v2-euro .eu-gr__tbl .x{display:table-cell}
  .tp--v2-euro .eu-srs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp--v2-euro .eu-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp--v2-euro .eu-nb--goals,.tp--v2-euro .eu-nb--m{grid-column:1/-1;grid-row:auto}
  .tp--v2-euro .eu-nb--cards{grid-column:1/-1;grid-row:auto}
  .tp--v2-euro .eu-nb--og,.tp--v2-euro .eu-nb--pen,.tp--v2-euro .eu-nb--m2,.tp--v2-euro .eu-nb--m1:not(.eu-nb--wide){grid-column:auto;grid-row:auto}
  .tp--v2-euro .eu-final__in{grid-template-columns:minmax(0,1fr)}
  .tp--v2-euro .eu-final__vis{justify-items:center}
}
/* сетка: ниже 1200 px - по стадиям */
@media (max-width:1199px){
  .tp--v2-euro .eu-br{display:flex;flex-direction:column;gap:6px;padding:18px}
  .tp--v2-euro .eu-br__col--round_of_16.eu-br__col--l{order:1}.tp--v2-euro .eu-br__col--round_of_16.eu-br__col--r{order:2}
  .tp--v2-euro .eu-br__col--quarter.eu-br__col--l{order:3}.tp--v2-euro .eu-br__col--quarter.eu-br__col--r{order:4}
  .tp--v2-euro .eu-br__col--semi.eu-br__col--l{order:5}.tp--v2-euro .eu-br__col--semi.eu-br__col--r{order:6}
  .tp--v2-euro .eu-br__col--c{order:7}
  .tp--v2-euro .eu-br__col--r > .eu-br__hd{display:none}
  .tp--v2-euro .eu-br__col--l:not(.eu-br__col--round_of_16) > .eu-br__hd,.tp--v2-euro .eu-br__col--c > .eu-br__hd{margin-top:22px}
  .tp--v2-euro .eu-br__body{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
  .tp--v2-euro .eu-br__pair{display:contents}
  .tp--v2-euro .eu-br__one,.tp--v2-euro .eu-br__slot{display:block;padding:0}
  .tp--v2-euro .eu-br__col--semi .eu-br__body,.tp--v2-euro .eu-br__col--c .eu-br__body{display:block}
  .tp--v2-euro .eu-br__col--semi.eu-br__col--l .eu-br__body{margin-bottom:10px}
  .tp--v2-euro .eu-br .eu-mc::after,.tp--v2-euro .eu-br .eu-br__pair::after,.tp--v2-euro .eu-br .eu-mc__d::before,.tp--v2-euro .eu-br .eu-mc__d::after{display:none}
  .tp--v2-euro .eu-br__fin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:14px}
  .tp--v2-euro .eu-br__champ{align-self:stretch}
  .tp--v2-euro .eu-br__third{display:none}
}
@media (max-width:900px){
  .tp--v2-euro .eu-hero__grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .tp--v2-euro .eu-hero__vis{max-width:560px;justify-self:center;width:100%}
  .tp--v2-euro .eu-champ__name{font-size:min(56px,8vw)}
  .tp--v2-euro .eu-nums{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .tp--v2-euro .eu-lds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .tp--v2-euro{font-size:16px}
  .tp--v2-euro .eu-in{padding:0 16px}
  .tp--v2-euro .eu-sec{padding-top:68px}
  .tp--v2-euro .eu-h{gap:10px;margin-bottom:20px}
  .tp--v2-euro .eu-ms{width:44px;height:26px}
  .tp--v2-euro .eu-h__t{flex:1 1 0;min-width:0;font-size:clamp(20px,6.4vw,26px)}
  .tp--v2-euro .eu-strip{height:30px}
  /* первый экран */
  .tp--v2-euro .eu-hero__in{padding-top:12px;padding-bottom:28px}
  .tp--v2-euro .eu-crumbs ol{font-size:13px}
  .tp--v2-euro .eu-hero__grid{margin-top:14px;gap:22px}
  .tp--v2-euro .eu-hero__main{gap:16px}
  .tp--v2-euro .eu-hero__title{gap:14px;align-items:start}
  .tp--v2-euro .eu-hero__logo{width:70px;padding:7px 7px 6px}
  .tp--v2-euro .eu-hero__meta{font-size:16px}
  .tp--v2-euro .eu-champ{gap:9px;padding:14px 40px 15px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%)}
  .tp--v2-euro .eu-champ__k{font-size:13px;letter-spacing:.24em}
  .tp--v2-euro .eu-champ__name{gap:12px;font-size:clamp(28px,9.6vw,40px)}
  .tp--v2-euro .eu-champ__flag{width:52px}
  .tp--v2-euro .eu-champ__fin{display:grid;justify-items:start;font-size:16px;gap:8px}
  .tp--v2-euro .eu-champ__m{gap:8px}
  .tp--v2-euro .eu-champ__tm{gap:6px}
  .tp--v2-euro .eu-champ__fin b{font-size:18px}
  .tp--v2-euro .eu-hero__ball{width:84px}
  .tp--v2-euro .eu-nums{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;row-gap:16px}
  .tp--v2-euro .eu-nums > div{padding:10px 10px 0}
  .tp--v2-euro .eu-nums > div:last-child:nth-child(odd){grid-column:1/-1}
  .tp--v2-euro .eu-nums dd{font-size:34px}
  .tp--v2-euro .eu-nums dt{font-size:15px}
  /* финал */
  .tp--v2-euro .eu-final{padding-top:52px}
  .tp--v2-euro .eu-final__in{gap:30px;padding-bottom:40px}
  .tp--v2-euro .eu-sb__row{gap:12px;padding:10px 10px 10px 12px}
  .tp--v2-euro .eu-sb__flag{width:44px}
  .tp--v2-euro .eu-sb__nm{font-size:clamp(20px,6.4vw,28px)}
  .tp--v2-euro .eu-sb__sc{font-size:36px;padding:6px 10px 4px}
  .tp--v2-euro .eu-final__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
  .tp--v2-euro .eu-final__facts dd{font-size:17px}
  .tp--v2-euro .eu-btn{width:100%;justify-content:center}
  .tp--v2-euro .eu-final__vis{padding-left:0;justify-items:end;width:100%}
  .tp--v2-euro .eu-final__cup{width:min(72%,280px)}
  .tp--v2-euro .eu-final__ball{left:0;top:30%;width:120px}
  .tp--v2-euro .eu-final__balltag{top:calc(30% + 126px);width:120px;font-size:12px}
  /* сетка: одна строка на матч, пары связаны линией */
  .tp--v2-euro .eu-br{padding:12px 10px 16px}
  .tp--v2-euro .eu-br__hd{margin-bottom:8px}
  .tp--v2-euro .eu-br__body,.tp--v2-euro .eu-br__fin{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
  .tp--v2-euro .eu-br__pair{display:grid;gap:7px;padding-left:12px;position:relative}
  .tp--v2-euro .eu-br .eu-br__col .eu-br__pair::after{display:block;content:"";position:absolute;left:2px;right:auto;top:20px;bottom:20px;width:2px;background:var(--wire)}
  .tp--v2-euro .eu-br__col .eu-br__pair + .eu-br__pair{margin-top:6px}
  .tp--v2-euro .eu-br__col--round_of_16.eu-br__col--l .eu-br__body,.tp--v2-euro .eu-br__col--quarter.eu-br__col--l .eu-br__body{margin-bottom:13px}
  .tp--v2-euro .eu-mc{padding:8px 8px 9px 14px}
  .tp--v2-euro .eu-mc__t{font-size:16px;font-stretch:75%}
  .tp--v2-euro .eu-mc--final .eu-mc__t{font-size:17px}
  .tp--v2-euro .eu-br__champ{grid-template-columns:auto auto;grid-template-areas:"lg ck" "lg nm";justify-content:center;justify-items:start;column-gap:14px;text-align:left}
  .tp--v2-euro .eu-br__lt{grid-area:lg;width:60px;height:60px}
  .tp--v2-euro .eu-br__logo{width:36px}
  .tp--v2-euro .eu-br__ck{grid-area:ck;align-self:end}
  .tp--v2-euro .eu-br__cflag{display:none}
  .tp--v2-euro .eu-br__champ b{grid-area:nm;align-self:start;font-size:22px}
  /* группы */
  .tp--v2-euro .eu-groups__grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .tp--v2-euro .eu-gr__h{height:56px;padding:0 14px}
  .tp--v2-euro .eu-gr__l{font-size:36px}
  .tp--v2-euro .eu-gr__tbl{font-size:15px}
  .tp--v2-euro .eu-gr__tbl .x{display:none}
  .tp--v2-euro .eu-gr__tbl .p{padding-left:10px;width:28px}
  .tp--v2-euro .eu-gr__tbl .f{width:auto;padding-right:8px}
  .tp--v2-euro .eu-gr__tbl th,.tp--v2-euro .eu-gr__tbl td{padding-left:3px;padding-right:3px}
  .tp--v2-euro .eu-fm{width:20px;margin-left:1px}
  /* бомбардиры */
  .tp--v2-euro .eu-lds{gap:24px 10px}
  .tp--v2-euro .eu-ld__ph{height:220px}
  .tp--v2-euro .eu-ld__ini{top:24%;font-size:40px}
  .tp--v2-euro .eu-ld__thumb{width:66px;bottom:12px}
  .tp--v2-euro .eu-ld__flag{top:12px}
  .tp--v2-euro .eu-ld__flag .eu-flag{width:36px;height:24px}
  .tp--v2-euro .eu-ld__g b{font-size:32px}
  .tp--v2-euro .eu-ld__nm{font-size:17px}
  .tp--v2-euro .eu-ld__tm{font-size:14px}
  .tp--v2-euro .eu-srs{grid-template-columns:minmax(0,1fr);margin-top:30px;padding-top:20px;gap:10px}
  .tp--v2-euro .eu-sr{grid-template-columns:54px minmax(0,1fr) auto}
  .tp--v2-euro .eu-sr__ph{height:66px}
  /* цифры */
  .tp--v2-euro .eu-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;grid-auto-rows:auto}
  .tp--v2-euro .eu-nb{padding:16px 16px 18px}
  .tp--v2-euro .eu-nb__k{font-size:13px;letter-spacing:.16em}
  .tp--v2-euro .eu-nb__big{font-size:104px}
  .tp--v2-euro .eu-nb__st li{grid-template-columns:118px minmax(0,1fr) 48px;gap:8px}
  .tp--v2-euro .eu-nb__st b{font-size:18px}
  .tp--v2-euro .eu-nb__mt{grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px}
  .tp--v2-euro .eu-nb__mt > span,.tp--v2-euro .eu-nb__mt > span:last-child{flex-direction:row;align-items:center;text-align:left}
  .tp--v2-euro .eu-nb__mt > span{font-size:22px}
  .tp--v2-euro .eu-nb__mt .eu-flag{width:42px;height:28px}
  .tp--v2-euro .eu-nb__mt strong{order:-1;font-size:48px}
  .tp--v2-euro .eu-nb__mt > span:first-child{order:-2}
  .tp--v2-euro .eu-nb__pair b{font-size:36px}
  .tp--v2-euro .eu-nb__mid{font-size:60px}
  /* матчи */
  .tp--v2-euro .eu-days{columns:1}
  .tp--v2-euro .eu-fxp summary{padding:12px 14px}
  .tp--v2-euro .eu-fxp summary span{font-size:17px}
  .tp--v2-euro .eu-fx{grid-template-columns:22px minmax(0,1fr) auto minmax(0,1fr);gap:2px 6px;padding:9px 8px 8px}
  .tp--v2-euro .eu-fx__h,.tp--v2-euro .eu-fx__a{font-size:15px;gap:5px}
  .tp--v2-euro .eu-fx .eu-flag{width:19px;height:13px}
  .tp--v2-euro .eu-fx__tag{width:22px;height:22px}
  .tp--v2-euro .eu-fx__s{min-width:42px;font-size:15px}
  /* участники */
  .tp--v2-euro .eu-tr{grid-template-columns:minmax(0,1fr)}
  .tp--v2-euro .eu-tr__k{padding:11px 30px 11px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}
  .tp--v2-euro .eu-tr__list{padding:10px}
  .tp--v2-euro .eu-tm{padding:6px 16px 6px 12px;gap:7px}
  .tp--v2-euro .eu-tm b{font-size:16px}
  .tp--v2-euro .eu-tm small{display:none}
  /* слайдеры */
  .tp--v2-euro .eu-sl__nav{display:none}
  .tp--v2-euro .eu-sl__track{gap:12px;margin-right:-16px;padding-right:16px}
  .tp--v2-euro .eu-vc{width:80vw}
  .tp--v2-euro .eu-ac{width:74vw}
  .tp--v2-euro .eu-pc__frame{height:230px}
  .tp--v2-euro .eu-pc--p .eu-pc__frame{width:172px}.tp--v2-euro .eu-pc--l .eu-pc__frame{width:306px}
  .tp--v2-euro .eu-pc--s .eu-pc__frame{width:230px}.tp--v2-euro .eu-pc--w .eu-pc__frame{width:300px}
  /* годы */
  .tp--v2-euro .eu-yrs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tp--v2-euro .eu-yrs li:last-child:nth-child(odd){grid-column:1/-1}
  .tp--v2-euro .eu-yr{min-height:0;padding:14px 14px 12px}
  .tp--v2-euro .eu-yr > b{font-size:32px}
  .tp--v2-euro .eu-src{margin-top:48px}
}
@media (prefers-reduced-motion:reduce){
  .tp--v2-euro *,.tp--v2-euro *::before,.tp--v2-euro *::after{animation:none!important;transition:none!important}
}

/* ===================== Перенос на сайт (App\Support\EditionEuro, оформление germany2024) =====================
   sync_assets.py дописывает этот файл после style.css макета -> public/style/pages/edition-euro-germany2024.css. */

/* стадион финала - ссылка на страницу арены (первый экран, факты финала): тонкое подчёркивание, жёлтый при наведении */
.tp--v2-euro .eu-hero__meta a,.tp--v2-euro .eu-final__facts a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.5)}
.tp--v2-euro .eu-hero__meta a:hover,.tp--v2-euro .eu-final__facts a:hover{color:var(--yellow);text-decoration-color:currentColor}

/* группы, 761-899 px (в макете эти ширины не проверялись): в две карточки в ряд не входят колонки В/Н/П - таблица
   группы D вылезала за карточку на 60 px; прячем их, как макет на 1181-1320 px (игры, мячи, очки и форма остаются) */
@media (min-width:761px) and (max-width:899px){
  .tp--v2-euro .eu-gr__tbl .x{display:none}
  /* поля ячеек и плашки формы - как на телефоне */
  .tp--v2-euro .eu-gr__tbl .p{padding-left:10px;width:28px}
  .tp--v2-euro .eu-gr__tbl .f{width:auto;padding-right:8px}
  .tp--v2-euro .eu-gr__tbl th,.tp--v2-euro .eu-gr__tbl td{padding-left:3px;padding-right:3px}
  .tp--v2-euro .eu-fm{width:20px;margin-left:1px}
}