.mobile-menu-toggle{display:none}
.site-head{width:100%;max-width:none;margin:0;background:#19191e;border-radius:0}

@media(max-width:650px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-head{width:100%!important;max-width:none!important;margin:0!important;left:0!important;right:0!important;background:#19191e!important;border-radius:0!important}
  .site-head .head-inner{width:100%!important;max-width:none!important;height:62px!important;min-height:62px!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;background:#19191e!important}

  .site-head .brand{position:absolute!important;left:max(14px,env(safe-area-inset-left))!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important;z-index:1003!important;line-height:1!important;text-align:left!important}

  .mobile-menu-toggle{appearance:none;display:flex!important;position:absolute!important;right:max(14px,env(safe-area-inset-right))!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;margin:0!important;padding:10px 9px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;align-items:stretch!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important;z-index:1004!important}
  .mobile-menu-toggle span{display:block!important;width:100%!important;height:2px!important;border-radius:4px!important;background:#fff!important;transition:transform .16s ease,opacity .16s ease}
  .site-head.is-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-head.is-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .site-head.is-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .site-head nav{display:none!important;position:absolute!important;top:70px!important;right:max(14px,env(safe-area-inset-right))!important;left:auto!important;width:min(260px,calc(100vw - 28px))!important;height:auto!important;min-width:0!important;margin:0!important;padding:7px!important;overflow:hidden!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;flex-wrap:nowrap!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:#19191e!important;box-shadow:0 16px 34px rgba(0,0,0,.28)!important;z-index:1002!important;cursor:default!important}
  .site-head nav::before{display:none!important;content:none!important}
  .site-head.is-menu-open nav{display:flex!important}

  .site-head nav .back{display:flex!important;position:static!important;top:auto!important;right:auto!important;width:100%!important;min-height:44px!important;padding:11px 13px!important;align-items:center!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#f1f3f4!important;font-size:14px!important;font-weight:850!important;white-space:nowrap!important;z-index:auto!important}
  .site-head nav .back:hover,.site-head nav .back:focus{background:rgba(255,255,255,.08)!important;color:#fff!important}
  .site-head nav .back[aria-current=page]{background:rgba(28,165,101,.15)!important;color:#72d9a0!important}
  .site-head nav .back[href="/"]{display:none!important}

  .site-head nav .back[href="/mma"]{order:1}
  .site-head nav .back[href="/boxing"]{order:2}
  .site-head nav .back[href="/schedule"]{order:3}
  .site-head nav .back[href="/news"]{order:4}
  .site-head nav .back[href="/videos"]{order:5}
  .site-head nav .back[href="/history"]{order:6}
}

/* Fight pages are one continuous page: prefight -> fight statistics -> fight timeline. */
.main-tabs,
.boxing-tabs{display:none!important}

.fight-shell>.main-panel[data-main-panel="prefight"]{order:10}
.fight-shell>.main-panel[data-main-panel="statistics"]{order:20}
.fight-shell>.main-panel[data-main-panel="story"]{order:30}

.fight-shell>.main-panel[data-main-panel]{display:grid!important;gap:18px}
.fight-shell>.main-panel[data-main-panel][hidden]{display:grid!important}
.fight-shell>.main-panel[data-main-panel="statistics"]:not(:has([data-stat-panel],.strike-list,.judge-note)){display:none!important}
.fight-shell>.main-panel[data-main-panel="story"]:not(:has(.mma-timeline .mma-round,.story-text)){display:none!important}

.fight-shell>.main-panel[data-main-panel]::before,
.boxing-fight-shell>.boxing-panel::before{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:58px;
  box-sizing:border-box;
  padding:12px 20px;
  border-radius:18px;
  background:#151719;
  color:#fff;
  font-size:20px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.02em;
  text-align:center;
}

.fight-shell>.main-panel[data-main-panel="prefight"]::before{content:"До боя"}
.fight-shell>.main-panel[data-main-panel="statistics"]::before{content:"Статистика боя"}
.fight-shell>.main-panel[data-main-panel="story"]::before{content:"Ход боя"}

.boxing-fight-shell>.boxing-panel[hidden]{display:block!important}
.boxing-fight-shell>.boxing-panel[data-boxing-panel="prefight"]::before{content:"До боя"}
.boxing-fight-shell>.boxing-panel[data-boxing-panel="stats"]::before{content:"Статистика боя"}
.boxing-fight-shell>.boxing-panel[data-boxing-panel="story"]::before{content:"Ход боя"}
.boxing-fight-shell>.boxing-panel::before{margin-bottom:18px}

@media(max-width:650px){
  .fight-shell>.main-panel[data-main-panel]::before,
  .boxing-fight-shell>.boxing-panel::before{
    min-height:52px;
    padding:11px 14px;
    border-radius:16px;
    font-size:18px;
  }
  .boxing-fight-shell>.boxing-panel::before{margin-bottom:12px}
}

/* Schedule fight-link badge: black outline, white fill, black label. */
.schedule-fight-badge,
.schedule-fight-badge:hover,
.schedule-fight-badge:focus-visible{
  background:#fff!important;
  border-color:#151719!important;
  color:#151719!important;
}

/* Slightly smaller titles inside the full-width black bars on Schedule and Organization pages. */
.schedule-page .schedule-block-head h2,
.org-events-head .org-section-pill{
  font-size:16px!important;
}
@media(max-width:650px){
  .schedule-page .schedule-block-head h2,
  .org-events-head .org-section-pill{
    font-size:14px!important;
  }
}

/* Fighter names in all schedule widgets should not be bold. */
.home-event-name,
.home-event-name strong,
.schedule-matchup-name,
.schedule-matchup-name strong{
  font-weight:500!important;
}

/* Fighter and boxer profile photos: make them easier to see on phones. */
@media(max-width:650px){
  .fighter-page-new .fighter-profile-card{
    grid-template-columns:115px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .fighter-page-new .fighter-photo-placeholder{
    width:115px!important;
    height:170px!important;
  }
}
@media(max-width:420px){
  .fighter-page-new .fighter-profile-card{
    grid-template-columns:115px minmax(0,1fr)!important;
    gap:12px!important;
  }
}