/* Nabd Football 3.1.0-alpha.2 — public-page/mobile compatibility fixes */
html{background:var(--mp-bg)!important;max-width:100%;overflow-x:hidden}
body.mp-body{background:var(--mp-bg)!important;color:var(--mp-text)!important;font-family:var(--mp-font)!important;font-size:15px!important;line-height:1.6!important;max-width:100%;overflow-x:hidden}
.mp-header,.mp-footer,.mp-bottom-nav,.mp-drawer,.mp-search-layer{font-family:var(--mp-font)!important}
.mp-page-main{padding:24px 0 54px;min-width:0;overflow:clip}
.mp-page-shell{min-width:0}
.mp-page-shell>*{max-width:100%}
.mp-page-shell .page-shell,.mp-page-shell .container,.mp-page-shell .container-wide{width:100%;max-width:none;margin:0;padding-inline:0}
.mp-page-shell .np-entity-hero,.mp-page-shell .page-hero,.mp-page-shell .arena-match-hero{margin-top:0}
.mp-page-shell .np-content-layout,.mp-page-shell .match-detail-layout,.mp-page-shell .competition-page-layout{min-width:0}
.mp-page-shell .np-main-column,.mp-page-shell .match-detail-main,.mp-page-shell .np-side-column{min-width:0}
.mp-page-shell .np-standings-wrap,.mp-page-shell .table-scroll,.mp-page-shell .premium-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.mp-page-shell img{max-width:100%;height:auto}
.mp-drawer{height:100dvh;max-height:100dvh;overflow:hidden}
.mp-drawer nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.mp-header{z-index:900!important}.mp-bottom-nav{z-index:950!important}.mp-drawer{z-index:1200!important}.mp-drawer-backdrop{z-index:1100!important}
@media(max-width:820px){
  .mp-page-main{padding:14px 0 calc(82px + env(safe-area-inset-bottom))}
  .mp-page-shell{width:min(calc(100% - 18px),var(--mp-container))}
  .mp-page-shell .np-entity-hero{width:100%;min-height:auto!important;padding:18px!important;border-radius:16px!important;gap:14px!important;overflow:hidden!important}
  .mp-page-shell .np-entity-main{width:100%;min-width:0!important;align-items:center!important;gap:13px!important}
  .mp-page-shell .np-entity-logo{width:72px!important;height:72px!important;flex:0 0 72px!important;border-width:4px!important;border-radius:18px!important}
  .mp-page-shell .np-entity-logo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:6px!important}
  .mp-page-shell .np-entity-copy{min-width:0!important}
  .mp-page-shell .np-entity-copy h1{font-size:1.28rem!important;line-height:1.35!important;margin:4px 0!important;overflow-wrap:anywhere}
  .mp-page-shell .np-entity-copy p{display:none!important}
  .mp-page-shell .np-entity-kicker{font-size:.64rem!important}
  .mp-page-shell .np-entity-tags{margin-top:7px!important;flex-wrap:wrap}
  .mp-page-shell .np-entity-actions,.mp-page-shell .np-competition-hero .np-entity-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .mp-page-shell .np-entity-stat,.mp-page-shell .np-hero-favorite .favorite-action{min-width:0!important;min-height:54px!important}
  .mp-page-shell .np-page-tabs{max-width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mp-page-shell .np-page-tabs::-webkit-scrollbar{display:none}
  .mp-page-shell .np-page-tabs a{flex:0 0 auto;white-space:nowrap}
  .mp-page-shell .np-content-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .mp-page-shell .np-side-column{grid-template-columns:1fr!important;order:2!important}
  .mp-page-shell .np-panel,.mp-page-shell .np-side-panel{border-radius:15px!important;max-width:100%;overflow:hidden}
  .mp-page-shell .np-panel-head{padding:12px 13px!important;min-height:62px!important}
  .mp-page-shell .np-panel-head h2{font-size:.96rem!important;line-height:1.35!important}
  .mp-page-shell .np-panel-head em{white-space:nowrap}
  .mp-page-shell .np-match-list{min-width:0}
  .mp-page-shell .np-match-row{width:100%!important;max-width:100%!important;min-height:112px!important;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;grid-template-areas:"home score away" "meta meta meta"!important;padding:10px 6px!important;gap:5px!important;overflow:hidden!important}
  .mp-page-shell .np-match-home{grid-area:home!important}.mp-page-shell .np-match-score{grid-area:score!important}.mp-page-shell .np-match-away{grid-area:away!important}.mp-page-shell .np-match-meta{grid-area:meta!important}
  .mp-page-shell .np-match-team{min-width:0!important;display:grid!important;justify-items:center!important;align-content:center!important;text-align:center!important;gap:4px!important}
  .mp-page-shell .np-match-home,.mp-page-shell .np-match-away{justify-content:center!important;flex-direction:initial!important}
  .mp-page-shell .np-team-logo{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .mp-page-shell .np-team-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important}
  .mp-page-shell .np-team-text{width:100%!important;min-width:0!important;text-align:center!important}
  .mp-page-shell .np-team-text strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;line-height:1.35!important;font-size:.72rem!important;overflow-wrap:anywhere}
  .mp-page-shell .np-team-text small{display:none!important}
  .mp-page-shell .np-match-score{min-width:0!important;min-height:72px!important;padding:0 3px!important}
  .mp-page-shell .np-match-score time{font-size:.96rem!important}
  .mp-page-shell .np-scoreline strong{font-size:1.18rem!important}
  .mp-page-shell .np-status-pill{max-width:100%;font-size:.52rem!important;padding:3px 6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mp-page-shell .np-match-meta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-top:1px dashed var(--np-border,#dfe5ed)!important;padding:7px 5px 0!important;min-width:0}
  .mp-page-shell .np-match-meta strong,.mp-page-shell .np-match-meta small{font-size:.52rem!important;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mp-page-shell .np-match-actions{display:none!important}
  .mp-page-shell .standings-table{min-width:670px!important}
  .mp-page-shell .sticky-team-column{position:sticky!important;inset-inline-start:0;background:var(--surface,#fff)!important;z-index:4!important}
  .mp-page-shell .standings-table thead .sticky-team-column{background:var(--surface-2,#f5f7fa)!important}
  .mp-page-shell .table-team strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mp-page-shell .arena-match-hero{max-width:100%;overflow:hidden}
  .mp-page-shell .match-detail-layout-v4,.mp-page-shell .match-detail-layout{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
  .mp-page-shell .match-detail-sidebar{order:2!important}
}
@media(max-width:390px){
  .mp-page-shell{width:min(calc(100% - 12px),var(--mp-container))}
  .mp-page-shell .np-entity-hero{padding:14px!important}
  .mp-page-shell .np-entity-logo{width:62px!important;height:62px!important;flex-basis:62px!important}
  .mp-page-shell .np-entity-copy h1{font-size:1.12rem!important}
  .mp-page-shell .np-match-row{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;padding-inline:4px!important}
  .mp-page-shell .np-team-logo{width:38px!important;height:38px!important;flex-basis:38px!important}
  .mp-page-shell .np-team-text strong{font-size:.66rem!important}
}

.mp-drawer{contain:layout paint}.mp-drawer[aria-hidden="true"]{pointer-events:none}