/* Вёрстка из front/css/match.css. Блок правок сайта — перед медиазапросами
   (см. пояснение там); в конце только то, что обязано перебивать брейкпоинты. */

.match-page{background:#08090b}
.binary-field{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 58px;background:linear-gradient(180deg,transparent 0 760px,rgba(8,9,11,.18) 900px,rgba(8,9,11,.58) 1090px,#08090b 1333px),url('../img/bg_match.webp') top center/1920px 1333px no-repeat,#08090b}
.binary-field:before{display:none}
.binary-code{display:none}
.binary-code:before,.binary-code:after{content:"0100110101100101001110001011010010011010011001010110010100101010011010010011001001101010011001010011010001100101010010100110010101101001001100100110101001100101001101000110010101001010011001010110100100110010011010100110010100110100011001010100101001100101011010010011001001101010011001010011010001100101010010100110010101101001001100100110101001100101001101000110010101001010011001010110100100110010011010100110010100110100011001010100101001100101011010010011001001101010";position:absolute;inset:-20px;font:12px/16px Consolas,monospace;letter-spacing:5px;word-break:break-all;color:rgba(150,151,160,.14);text-shadow:0 16px rgba(150,151,160,.08),0 32px rgba(150,151,160,.12),0 48px rgba(150,151,160,.07),0 64px rgba(150,151,160,.13),0 80px rgba(150,151,160,.09),0 96px rgba(150,151,160,.11),0 112px rgba(150,151,160,.07),0 128px rgba(150,151,160,.12),0 144px rgba(150,151,160,.08),0 160px rgba(150,151,160,.1),0 176px rgba(150,151,160,.07),0 192px rgba(150,151,160,.12),0 208px rgba(150,151,160,.09),0 224px rgba(150,151,160,.11),0 240px rgba(150,151,160,.08),0 256px rgba(150,151,160,.12),0 272px rgba(150,151,160,.07),0 288px rgba(150,151,160,.1),0 304px rgba(150,151,160,.08),0 320px rgba(150,151,160,.12),0 336px rgba(150,151,160,.08),0 352px rgba(150,151,160,.1),0 368px rgba(150,151,160,.07),0 384px rgba(150,151,160,.12),0 400px rgba(150,151,160,.09),0 416px rgba(150,151,160,.11),0 432px rgba(150,151,160,.08),0 448px rgba(150,151,160,.12),0 464px rgba(150,151,160,.07),0 480px rgba(150,151,160,.1),0 496px rgba(150,151,160,.08),0 512px rgba(150,151,160,.12),0 528px rgba(150,151,160,.08),0 544px rgba(150,151,160,.1),0 560px rgba(150,151,160,.07),0 576px rgba(150,151,160,.12),0 592px rgba(150,151,160,.09),0 608px rgba(150,151,160,.11),0 624px rgba(150,151,160,.08),0 640px rgba(150,151,160,.12),0 656px rgba(150,151,160,.07),0 672px rgba(150,151,160,.1),0 688px rgba(150,151,160,.08),0 704px rgba(150,151,160,.12),0 720px rgba(150,151,160,.08),0 736px rgba(150,151,160,.1),0 752px rgba(150,151,160,.07),0 768px rgba(150,151,160,.12),0 784px rgba(150,151,160,.09),0 800px rgba(150,151,160,.11),0 816px rgba(150,151,160,.08),0 832px rgba(150,151,160,.12),0 848px rgba(150,151,160,.07),0 864px rgba(150,151,160,.1),0 880px rgba(150,151,160,.08),0 896px rgba(150,151,160,.12)}
.binary-code:before{opacity:.36}
.binary-code:after{opacity:1;transform:translate(7px,7px);color:rgba(168,169,178,.22);filter:blur(.15px);-webkit-mask-image:radial-gradient(ellipse 31% 27% at 12% 38%,#000 0 36%,transparent 76%),radial-gradient(ellipse 25% 22% at 42% 18%,#000 0 30%,transparent 78%),radial-gradient(ellipse 34% 29% at 51% 62%,#000 0 32%,transparent 78%),radial-gradient(ellipse 25% 31% at 86% 39%,#000 0 34%,transparent 80%),radial-gradient(ellipse 40% 22% at 19% 82%,#000 0 32%,transparent 82%),linear-gradient(180deg,transparent 28%,#000 100%);mask-image:radial-gradient(ellipse 31% 27% at 12% 38%,#000 0 36%,transparent 76%),radial-gradient(ellipse 25% 22% at 42% 18%,#000 0 30%,transparent 78%),radial-gradient(ellipse 34% 29% at 51% 62%,#000 0 32%,transparent 78%),radial-gradient(ellipse 25% 31% at 86% 39%,#000 0 34%,transparent 80%),radial-gradient(ellipse 40% 22% at 19% 82%,#000 0 32%,transparent 82%),linear-gradient(180deg,transparent 28%,#000 100%)}
.match-content{position:relative;z-index:1}
.panel{border:1px solid #27272a;box-shadow:0 0 0 1px #000;border-radius:12px;background:#18191d}
.match-hero{min-height:300px;padding:34px 32px 28px;overflow:hidden;border:0;box-shadow:none;background:#03070d url('../img/match-hero.png') center/cover no-repeat}
.competition{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;color:#b9b9c1;font-size:13px;font-weight:700;letter-spacing:.07em}
.competition img{width:20px;height:14px;object-fit:cover;vertical-align:0;margin-right:8px}
.competition span{padding:0 8px}.competition b{color:#eab308}
.match-versus{display:flex;align-items:center;justify-content:center;gap:44px;margin-top:28px}
.hero-team{display:flex;align-items:center;gap:22px}.hero-team__name{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:#fff;font-size:32px;margin:0;letter-spacing:-.03em;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hero-crest{width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(47,48,52,.9);box-shadow:0 5px 20px rgba(0,0,0,.28)}
.hero-crest img{width:64px;height:64px;object-fit:contain}.vs-mark{width:72px;height:72px;object-fit:contain;opacity:1;filter:drop-shadow(0 5px 12px rgba(0,0,0,.45))}
.match-time{text-align:center;border-top:1px solid rgba(255,255,255,.22);margin-top:28px;padding-top:24px;color:#b6b6bf}
.match-time b{display:block;color:#f5f5f6;font-weight:500}.match-time span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;font-weight:400;line-height:1;margin-top:9px}.match-time span img{width:17px;height:17px;object-fit:contain}
.markets{margin-top:24px;padding:24px}
.markets-title{display:flex;align-items:center;justify-content:space-between}.markets-title h2,.analysis h2,.form-card h2,.history h2,.metrics-panel h2{font-size:20px;margin:0}
.markets-title h2 i{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#0d69fd;font-style:normal;font-size:13px;margin-right:8px}
.markets-title>span{color:#8d8e96}.markets-title>span b{display:inline-flex;align-items:center;gap:4px;color:#223900;background:#84cc16;border-radius:4px;padding:5px 7px;margin-left:7px}.markets-title>span b img{width:15px;height:15px;object-fit:contain}
.market-tabs{display:flex;gap:10px;margin-top:23px}.market-tabs button{border:1px solid #303137;border-radius:20px;background:#111214;color:#a1a1aa;padding:10px 17px;cursor:pointer;font-weight:600}
.market-tabs button.active{background:#0d69fd;border-color:#0d69fd;color:#fff}.distribution-head{display:flex;justify-content:space-between;color:#8b8c94;font-size:12px;margin:25px 0 10px}.distribution-head b{color:#d7d7da}
.distribution{height:14px;display:grid;grid-template-columns:45fr 27fr 28fr;border-radius:8px;overflow:hidden}.distribution i:first-child{background:#0d69fd}.distribution i:nth-child(2){background:#a1a1aa}.distribution i:last-child{background:#ef4444}
.odds-grid,.market-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.odds-grid article{height:99px;border:1px solid transparent;border-radius:9px;background:#27272a;padding:18px;position:relative}.odds-grid article.selected{border-color:#0d69fd;background:linear-gradient(100deg,rgba(13,105,253,.1),transparent),#27272a}
.odds-grid article>div{display:flex;justify-content:space-between;text-transform:uppercase;color:#a1a1aa;font-size:14px;font-weight:600;line-height:1}.odds-grid article.selected>div span{color:#2d8aff}.odds-grid article>div b{color:#a1a1aa}.odds-grid .selected>div b{display:inline-flex;align-items:center;gap:3px;color:#203400;background:#84cc16;padding:4px;border-radius:4px}.odds-grid .selected>div b img{width:14px;height:14px;object-fit:contain}
.odds-grid article>strong{display:block;font-size:28px;margin-top:14px}.odds-grid article>small{position:absolute;right:18px;bottom:18px;color:#74757d}
.market-summary article{height:67px;border-radius:7px;background:#27272a;padding:14px;position:relative}.market-summary span{display:block;text-transform:uppercase;color:#7f8088;font-size:12px;font-weight:600;line-height:1}.market-summary b{display:block;margin-top:7px;font-size:16px;font-weight:600;line-height:1}.market-summary em{position:absolute;right:13px;top:17px;display:inline-flex;align-items:center;gap:4px;font-style:normal;color:#203400;background:#84cc16;border-radius:4px;padding:5px;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:-.02em}.market-summary em img{width:14px;height:14px;object-fit:contain}.market-summary article:last-child em{background:#234804;color:#84cc16}
.analysis{margin-top:24px;padding:30px}.analysis h2 span{color:#dd68ff;margin-right:12px}.analysis p{color:#a6a7ae;font-size:15px;line-height:1.6;margin:22px 0 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.form-card{padding:24px}.form-card h2{border-bottom:1px solid #27272a;padding-bottom:18px}.form-card h2 img{width:22px;height:22px;object-fit:contain;vertical-align:-5px;margin-right:8px}
.form-row{height:35px;display:grid;grid-template-columns:60px 1fr auto 25px;align-items:center;gap:12px;color:#85868e}.form-row b{color:#d1d1d5}.form-row strong{color:#e3e3e6}.form-row i{height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:11px}.form-row i.w{background:#204700;color:#84cc16}.form-row i.l{background:#4a1c20;color:#ef4444}.form-row i.d{background:#303137;color:#a1a1aa}
.history,.metrics-panel{margin-top:24px;padding:24px}.history h2,.metrics-panel h2{border-bottom:1px solid #27272a;padding-bottom:18px}
.history-head,.history-row{display:grid;grid-template-columns:1.4fr 1.2fr .45fr 1.2fr 1.3fr;align-items:center}.history-head{height:58px;text-transform:uppercase;color:#71727a;font-size:10px;font-weight:700}.history-row{height:64px;border-top:1px solid #27272a;color:#7f8088}.history-row:first-child{border-top:0}.history-row b:nth-child(2){text-align:right;padding-right:18px}.history-row strong{justify-self:center;background:#303137;color:#e2e2e5;padding:6px 10px;border-radius:4px}.history-row .winner{color:#f4f4f5}.history-row span:last-child{justify-self:end}
.metric-row{height:54px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.metric-row>strong{font-size:14px;color:#0d69fd}.metric-row>strong:last-child{text-align:right;color:#ef4444}.metric-row>div{text-align:center}.metric-row b{display:block;font-size:12px}.metric-row span{height:7px;display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;margin-top:8px;background:linear-gradient(90deg,#292a2f 0 calc(50% - 6px),transparent calc(50% - 6px) calc(50% + 6px),#292a2f calc(50% + 6px) 100%)}.metric-row i{height:7px;z-index:1;display:block}.metric-row i:first-of-type{grid-column:1;background:#0d69fd;justify-self:end}.metric-row i:last-of-type{grid-column:3;background:#ef4444;justify-self:start}.metric-row em{grid-column:2;grid-row:1;width:6px;height:6px;border-radius:50%;background:#a1a1aa;justify-self:center}
.metrics-teams{height:74px;display:flex;align-items:center;justify-content:space-between}.metrics-teams span{display:flex;align-items:center;gap:10px;font-weight:600}.metrics-teams img{width:42px;height:42px;object-fit:contain;background:#27272a;border-radius:50%;padding:5px}


/* ── Правки сайта поверх макета ────────────────────────────────────────────
   Перед медиазапросами намеренно: это база, брейкпоинты вёрстки должны
   перебивать её, а не наоборот.                                           */

/* Вкладки рынков в макете только подсвечивались, у нас переключают
   содержимое — неактивные панели прячем. */
.market-panel{display:none}
.market-panel.is-active{display:block}

/* Пометка «last completed season» у заголовка Key Stats. */
.metrics-panel h2 small{color:#71727a;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;margin-left:10px}

/* В макете иконка заголовка — глиф <i> в синем квадрате, у нас картинка.
   display задаём явно: в pages.css картинки сброшены в block. */
.markets-title h2 img{width:22px;height:22px;display:inline-block;vertical-align:-5px;margin-right:8px;object-fit:contain}
.form-card h2 img{display:inline-block}

/* Подпись команд над метриками стилизована в макете. Здесь только страховка:
   в макете названия короткие, у нас попадаются «Borussia Mönchengladbach» —
   без этого пара таких имён распирала строку по высоте. */
.metrics-teams span{min-width:0}
.metrics-teams b{font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Отрицательный перевес зелёным читался бы как плюс. */
.market-summary article:last-child em.is-negative{background:#3a1f22;color:#f0777f}

/* Партнёрская кнопка между блоками. Оранжевый — фирменный цвет 1xBit,
   тот же, что в блоке партнёра на главной. */
.bet-cta{display:flex;justify-content:center;margin:24px 0}
.bet-cta__btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:40px;padding:0 24px;border-radius:8px;background:linear-gradient(90deg,#ff6200,#ff8a33);color:#fff;font-weight:700;font-size:14px;transition:.15s filter,.15s transform}
.bet-cta__btn:hover{filter:brightness(1.08);transform:translateY(-1px)}

@media(max-width:768px){.match-hero{background-image:url('../img/match-hero-small.png')}}

@media(max-width:900px){.match-versus{gap:20px}.hero-team__name{font-size:25px}.odds-grid,.market-summary{gap:9px}.market-summary article{height:82px}.market-summary em{position:static;display:inline-block;margin-top:7px}.history-head,.history-row{grid-template-columns:1.1fr 1.2fr .5fr 1.2fr}.history-head span:last-child,.history-row span:last-child{display:none}}
@media(max-width:720px){.binary-field{padding-top:18px}.binary-code{height:760px}.match-hero{padding:24px 16px}.competition{font-size:10px}.match-versus{gap:8px;margin-top:24px}.hero-team{display:flex;flex-direction:column;gap:9px;text-align:center}.hero-team.home{flex-direction:column-reverse}.hero-team__name{font-size:15px}.hero-crest{width:62px;height:62px}.hero-crest img{width:50px;height:50px}.vs-mark{width:40px;height:40px}.match-time{font-size:11px}.markets{padding:17px}.markets-title{display:block}.markets-title>span{display:block;margin-top:15px}.market-tabs{overflow-x:auto;padding-bottom:3px}.market-tabs button{white-space:nowrap;padding:8px 13px;font-size:11px}.distribution-head span{display:none}.odds-grid,.market-summary{grid-template-columns:1fr}.odds-grid article{height:86px}.market-summary article{height:67px}.market-summary em{position:absolute;margin:0}.analysis{padding:22px}.analysis h2{font-size:18px}.analysis p{font-size:13px}.form-grid{grid-template-columns:1fr;gap:12px}.form-card{padding:18px}.form-row{grid-template-columns:50px 1fr auto 24px;font-size:11px}.history,.metrics-panel{padding:18px;overflow:hidden}.history-head{display:none}.history-row{height:auto;min-height:68px;grid-template-columns:1fr auto 1fr;gap:8px}.history-row span:first-child{grid-column:1/-1;font-size:9px}.history-row b:nth-child(2){padding:0;text-align:right}.history-row span:last-child{display:none}.metric-row{grid-template-columns:45px 1fr 45px}.metric-row b{font-size:10px}.metric-row>strong{font-size:12px}}
@media(max-width:390px){.hero-team__name{font-size:13px}.match-versus{gap:3px}.hero-crest{width:56px;height:56px}.hero-crest img{width:45px;height:45px}}

.match-cta{text-align:center;margin:24px 0}.btn-bet{min-width:108px;color:#fff;background:linear-gradient(180deg,#ff7b1a,#ff5100);box-shadow:0 0 0 1px #9e2f00,inset 0 1px rgba(255,255,255,.25);padding:10px 22px}.match-cta-secondary{margin-bottom:0}

@media (min-width:721px) and (max-width:1000px){
  .binary-field{padding-top:28px;background-size:1440px 1000px}.match-hero{min-height:235px;padding:28px}.match-versus{margin-top:22px}.match-time{margin-top:22px;padding-top:20px}
  .markets{padding:18px}.market-tabs button{padding:8px 13px;font-size:11px}.odds-grid article{padding:14px}.market-summary article{padding:12px}.market-summary b{font-size:12px}.market-summary span{font-size:9px}.market-summary em{font-size:11px}
  .analysis{padding:24px}.analysis p{font-size:13px}.form-card,.history,.metrics-panel{padding:20px}
}

@media (max-width:600px){
  .binary-field{padding:10px 0 25px;background-size:1060px 736px}.match-content{width:calc(100% - 16px)}
  .match-hero{min-height:128px;padding:11px 8px;border-radius:7px}.competition{font-size:7px}.competition img{display:none}.match-versus{gap:3px;margin-top:8px}.hero-team{gap:3px;flex:1}.hero-team__name{font-size:9px}.hero-team.home{flex-direction:row}.hero-crest{width:43px;height:43px}.hero-crest img{width:36px;height:36px}.vs-mark{width:30px;height:30px}.match-time{margin-top:8px;padding-top:8px;font-size:7px}.match-time span{font-size:6px;margin-top:3px}.match-time span img{width:9px;height:9px}
  .markets{margin-top:10px;padding:9px;border-radius:7px}.markets-title{display:flex}.markets-title h2{font-size:12px}.markets-title h2 i{width:14px;height:14px;font-size:8px;margin-right:4px}.markets-title>span{display:block;margin:0;font-size:7px}.markets-title>span b{padding:2px 4px;margin-left:2px}.markets-title>span b img{width:9px;height:9px}
  .market-tabs{gap:4px;margin-top:9px}.market-tabs button{padding:6px 8px;font-size:6px}.distribution-head{font-size:6px;margin:9px 0 5px}.distribution-head span{display:block}.distribution{height:5px}
  .odds-grid{display:block;margin-top:8px}.odds-grid article{height:54px;margin-top:5px;padding:8px}.odds-grid article>div{font-size:7px}.odds-grid article>strong{font-size:18px;margin-top:7px}.odds-grid article>small{font-size:6px;right:8px;bottom:8px}
  .market-summary{display:block;margin-top:8px}.market-summary article{height:57px;margin-top:5px;padding:8px}.market-summary span{font-size:7px}.market-summary b{font-size:9px;margin-top:4px;max-width:170px}.market-summary em{position:absolute;right:8px;top:auto;bottom:8px;margin:0;padding:3px;font-size:7px}.market-summary em img{width:9px;height:9px}
  .match-cta{margin:12px 0}.btn-bet{min-width:74px;padding:6px 13px;font-size:7px;border-radius:5px}
  .analysis{margin-top:10px;padding:11px;border-radius:7px}.analysis h2{font-size:12px}.analysis h2 span{margin-right:4px}.analysis p{font-size:8px;line-height:1.35;margin-top:8px}
  .form-grid{gap:9px;margin-top:10px}.form-card{padding:10px;border-radius:7px}.form-card h2{font-size:10px;padding-bottom:8px}.form-card h2 img{width:13px;height:13px;margin-right:4px}.form-row{height:22px;grid-template-columns:35px 1fr auto 16px;gap:5px;font-size:7px}.form-row i{height:15px;font-size:6px}
  .history,.metrics-panel{margin-top:10px;padding:10px;border-radius:7px}.history h2,.metrics-panel h2{font-size:12px;padding-bottom:9px}.history-head{display:none}.history-row{min-height:43px;height:43px;grid-template-columns:40px 1fr auto 1fr;gap:4px;font-size:7px}.history-row span:first-child{grid-column:auto;font-size:6px}.history-row b:nth-child(2){text-align:right}.history-row strong{padding:3px 5px}.history-row span:last-child{display:none}
  .metrics-panel{padding-bottom:12px}.metric-row{height:35px;grid-template-columns:34px 1fr 34px}.metric-row b{font-size:6px}.metric-row>strong{font-size:8px}.metric-row span,.metric-row i{height:4px}.metric-row span{grid-template-columns:1fr 7px 1fr;margin-top:4px}.metric-row em{width:4px;height:4px}
}

@media (max-width:600px){
  .binary-field{padding:33px 0 52px}.match-hero{min-height:266px;padding:20px 16px;border-radius:10px}.competition{font-size:12px}.match-versus{gap:8px;margin-top:24px}.hero-team{gap:8px;flex-direction:column!important}.hero-team.home{flex-direction:column-reverse!important}.hero-team__name{font-size:16px}.hero-crest{width:78px;height:78px}.hero-crest img{width:65px;height:65px}.vs-mark{width:52px;height:52px}.match-time{margin-top:25px;padding-top:22px;font-size:14px}.match-time span{font-size:12px;margin-top:10px}.match-time span img{width:15px;height:15px}
  .markets{margin-top:24px;padding:16px;border-radius:10px}.markets-title{display:block}.markets-title h2{font-size:20px}.markets-title h2 i{width:22px;height:22px;font-size:13px;margin-right:8px}.markets-title>span{font-size:14px;margin-top:13px}.markets-title>span b{padding:5px 7px;margin-left:7px}.markets-title>span b img{width:15px;height:15px}
  .market-tabs{gap:8px;margin-top:22px;flex-wrap:wrap;overflow:visible}.market-tabs button{padding:10px 16px;font-size:12px}.distribution-head{font-size:11px;margin:23px 0 10px;align-items:end}.distribution-head span{font-size:10px;text-align:right}.distribution{height:13px}
  .odds-grid{margin-top:18px}.odds-grid article{height:108px;margin-top:9px;padding:18px}.odds-grid article>div{font-size:13px}.odds-grid article>strong{font-size:29px;margin-top:17px}.odds-grid article>small{font-size:11px;right:18px;bottom:18px}
  .market-summary{margin-top:25px}.market-summary article{height:123px;margin-top:9px;padding:17px}.market-summary span{font-size:12px}.market-summary b{font-size:17px;margin-top:9px;max-width:230px}.market-summary em{right:auto;left:17px;bottom:17px;padding:6px;font-size:13px}.market-summary em img{width:14px;height:14px}
  .match-cta{margin:24px 0}.btn-bet{min-width:120px;padding:11px 22px;font-size:13px;border-radius:8px}
  .analysis{margin-top:24px;padding:22px 17px;border-radius:10px}.analysis h2{font-size:20px}.analysis h2 span{margin-right:9px}.analysis p{font-size:13px;line-height:1.55;margin-top:18px}
  .form-grid{gap:14px;margin-top:24px}.form-card{padding:18px 16px;border-radius:10px}.form-card h2{font-size:16px;padding-bottom:15px}.form-card h2 img{width:21px;height:21px;margin-right:7px}.form-row{height:35px;grid-template-columns:52px 1fr auto 24px;gap:9px;font-size:11px}.form-row i{height:24px;font-size:10px}
  .history,.metrics-panel{margin-top:24px;padding:18px 16px;border-radius:10px}.history h2,.metrics-panel h2{font-size:18px;padding-bottom:17px}.history-row{min-height:62px;height:62px;grid-template-columns:48px 1fr auto 1fr;gap:7px;font-size:10px}.history-row span:first-child{font-size:9px}.history-row strong{padding:6px 9px}
  .metric-row{height:52px;grid-template-columns:45px 1fr 45px}.metric-row b{font-size:9px}.metric-row>strong{font-size:11px}.metric-row span,.metric-row i{height:7px}.metric-row span{grid-template-columns:1fr 10px 1fr;margin-top:8px}.metric-row em{width:6px;height:6px}
  .match-content{width:calc(100% - 32px)}.match-cta-secondary{display:none}.metrics-teams{height:64px}.metrics-teams span{font-size:11px}.metrics-teams img{width:38px;height:38px}
}

/* Названия команд разной длины уводили «vs» от центра панели — отдаём
   половинам одинаковую ширину. Только на десктопе: ниже 721px вёрстка
   разворачивает половины в колонки, и прижатие к краю там навредит. */
@media (min-width:721px){
  .match-versus .hero-team{flex:1 1 0;min-width:0}
  .match-versus .hero-team.home{justify-content:flex-end}
  .match-versus .hero-team.away{justify-content:flex-start}
  .match-versus .vs-mark{flex:none}
}

/* Иконка заголовка на телефоне — по размеру глифа из макета. */
@media (max-width:600px){
  .markets-title h2 img{width:16px;height:16px;margin-right:5px;vertical-align:-3px}
}

@media (max-width:720px){.bet-cta__btn{width:100%}}

/* Обе оценки в шапке блока прогнозов — на месте прежнего Model Confidence. */
.estimate-pair{display:flex;align-items:flex-start;gap:18px}
.estimate{display:flex;flex-direction:column;gap:2px;text-align:right}
.estimate small{color:#8d8e96;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.estimate b{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:22px;font-weight:700}
.estimate b img{width:18px;height:18px;display:inline-block}
/* Число букмекеров мелким: без него непонятно, насколько средняя
   представительна, но спорить с самой цифрой оно не должно. */
.estimate i{color:#6f7079;font-size:10px;font-style:normal;letter-spacing:.02em}
.estimate--market b{color:var(--lime)}
.estimate--model b{color:#e7e7ea;font-size:18px}

/* Разбор расхождения — тот же панельный блок, что и AI Analysis. */
.disagreement h2 span{color:var(--blue)}
.disagreement-meta{color:#8d8e96;font-size:12px;margin-top:14px}

@media(max-width:720px){
  .estimate-pair{gap:14px}
  .estimate b{font-size:18px}
  .estimate--model b{font-size:15px}
  .estimate small{font-size:10px}
}
@media(max-width:430px){
  .estimate-pair{gap:10px}
  .estimate b{font-size:16px}
  .estimate--model b{font-size:14px}
}

/* ── Полоса распределения и подсветка на вкладках BTTS и Over/Under ────────
   Правка по M1XB-3517: раньше полоса была только у 1X2, а на остальных
   вкладках блок оставался без неё и без подписи.

   Канту дан отдельный класс, а не .selected: у .selected к рамке идёт
   зелёная плашка с процентом и подпись «OddScore Pick» — это наша
   подсказка. Здесь рамка означает другое, «этот исход вероятнее»,
   и лишних пометок при ней быть не должно. */
.odds-grid article.leading{border-color:#0d69fd;background:linear-gradient(100deg,rgba(13,105,253,.1),transparent),#27272a}
.odds-grid article.leading>div span{color:#2d8aff}

/* Две плашки на сетке из трёх колонок занимали две трети ширины блока.
   Только на десктопе: ниже 721px сетка и так в одну колонку, а с 600px
   вообще переходит в display:block. */
@media (min-width:721px){
  .odds-grid--pair{grid-template-columns:repeat(2,1fr)}
}

/* ── Полосы Key Stats: скругление и просвет вокруг средней точки ───────────
   В макете серая дорожка нарисована фоновым градиентом с прозрачным окном
   посередине, а окно это задано жёстко в 12px и в медиазапросах не менялось,
   хотя средняя колонка сетки там уменьшается до 10px. Из-за этого на узких
   экранах цветная полоса заезжала в серый просвет.

   Поэтому дорожка собрана из двух псевдоэлементов в тех же колонках сетки,
   что и полосы: ширину просвета теперь задаёт одна только сетка, скругление
   у серого и цветного одинаковое, и синхронизировать нечего.

   Просвет — 6px с каждой стороны от точки: 18px колонка минус 6px точка. */
.metric-row span{background:none;grid-template-columns:1fr 18px 1fr}
.metric-row span::before,
.metric-row span::after{content:"";grid-row:1;height:100%;border-radius:999px;background:#292a2f}
.metric-row span::before{grid-column:1}
.metric-row span::after{grid-column:3}

/* grid-row обязателен. Дорожка размещена в первой строке явно, и полосы,
   которые раньше вставали автоматически, начали обходить занятые ячейки
   и уезжать во вторую строку — визуально ниже дорожки. Явное размещение
   кладёт их в ту же ячейку, поверх дорожки. */
.metric-row i{grid-row:1;border-radius:999px}

@media(max-width:600px){
  /* Полосы те же 7px высотой, просвет чуть уже — 5px с каждой стороны. */
  .metric-row span{grid-template-columns:1fr 16px 1fr}
}

/* Единственный H1 страницы (SEO-ТЗ M1XB-3639, №15). Названия команд
   в табло остались крупными — это вёрстка, а не заголовки; ключевая
   фраза стоит отдельной строкой над лигой, чтобы не спорить с табло. */
.match-title{margin:0 0 12px;text-align:center;color:#e4e4e7;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.5)}
@media(max-width:600px){.match-title{font-size:13px;margin-bottom:10px}}