@media (max-width: 767px) {
  html body .okwin-mslider,
  html body .okwin-mslider *,
  html body .okwin-sidebar-app--nav,
  html body .okwin-sidebar-app--nav *,
  html body .okwin-hub,
  html body .okwin-hub * {
    box-sizing: border-box !important;
  }

  html body .okwin-mslider,
  html body .okwin-sidebar-app--nav,
  html body .okwin-hub {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  
  html body .okwin-mslider {
    margin: 0 0 12px !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  html body .okwin-mslider-viewport {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 10px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .okwin-mslider-track {
    display: flex !important;
    width: max-content !important;
    min-width: 100% !important;
    align-items: stretch !important;
  }

  html body .okwin-mslider-item {
    display: flex !important;
    flex: 0 0 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    min-height: 96px !important;
    padding: 7px 12px !important;
    gap: 7px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
  }

  html body .okwin-mslider-time {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .okwin-mslider-team {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;
    overflow: hidden !important;
  }

  html body .okwin-mslider .okwin-mslider-logo,
  html body .okwin-mslider .okwin-mslider-logo--ph {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 28px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
  }

  html body .okwin-mslider-name {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .okwin-mslider-nav {
    display: none !important;
  }

  html body .okwin-mslider-progress {
    padding: 0 10px 9px !important;
  }

  
  html body .okwin-mslider + .okwin-sidebar-app--nav,
  html body .okwin-sidebar-app--nav {
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar,
  html body .okwin-sidebar-app--nav .okwin-sidebar-sports {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sports-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sport {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sport-link {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    gap: 6px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sport-ico,
  html body .okwin-sidebar-app--nav .okwin-sidebar-sport-ico svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    flex: 0 0 16px !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sport-label {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 22px) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-live-badge {
    position: absolute !important;
    top: 2px !important;
    right: 3px !important;
    margin: 0 !important;
    padding: 1px 4px !important;
    font-size: 7px !important;
    line-height: 1 !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-leagues {
    display: none !important;
  }

  
  html body .okwin-hub .okwin-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    overflow: visible !important;
  }

  html body .okwin-hub .okwin-tabs .okwin-tabs-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .okwin-hub .okwin-tabs .okwin-tabs-scroll::-webkit-scrollbar {
    display: none !important;
  }

  html body .okwin-hub .okwin-tabs .okwin-tabs-scroll > .okwin-tab {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    gap: 5px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body .okwin-hub .okwin-tab-label {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body .okwin-hub .okwin-tab-count {
    height: 20px !important;
    min-height: 20px !important;
    min-width: 20px !important;
    padding: 0 5px !important;
    font-size: 9px !important;
  }

  html body .okwin-hub .okwin-tabs .okwin-league-wrap--picker,
  html body .okwin-hub .okwin-tabs .okwin-league-wrap--picker .okwin-standings-league-dropdown,
  html body .okwin-hub .okwin-tabs .okwin-league-wrap--picker .okwin-standings-league-btn {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  html body .okwin-hub .okwin-tabs .okwin-league-wrap--picker .okwin-standings-league-btn {
    display: flex !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    justify-content: space-between !important;
  }

  html body .okwin-hub-content,
  html body .okwin-match-grid,
  html body .okwin-match-card--v2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .okwin-match-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body .okwin-match-card--v2 {
    overflow: hidden !important;
    border-radius: 9px !important;
  }

  
  html body .okwin-match-card--v2 .okwin-mc-header--v2 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-header--v2 .okwin-mc-league,
  html body .okwin-match-card--v2 .okwin-mc-header-center,
  html body .okwin-match-card--v2 .okwin-mc-header-right {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-header--v2 .okwin-mc-league {
    display: flex !important;
    grid-column: 1 !important;
    align-items: center !important;
    justify-self: stretch !important;
    overflow: hidden !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-header-center {
    display: flex !important;
    grid-column: 2 !important;
    justify-content: center !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-header-right {
    display: flex !important;
    grid-column: 3 !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
  }

  html body .okwin-match-card--v2 img.okwin-mc-league-icon {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-league-name,
  html body .okwin-match-card--v2 .okwin-mc-header-right,
  html body .okwin-match-card--v2 .okwin-mc-datetime,
  html body .okwin-match-card--v2 .okwin-mc-status-pill--blue {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-league-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-status-pill--blue {
    padding: 3px 7px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-stage,
  html body .okwin-match-card--v2 .okwin-mc-stage-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-stage-inner {
    padding: 8px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-teams-v2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    margin: 0 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col,
  html body .okwin-match-card--v2 .okwin-mc-col--home,
  html body .okwin-match-card--v2 .okwin-mc-col--away {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
    text-align: center !important;
  }

  html body .okwin-match-card--v2 img.okwin-mc-team-logo--lg,
  html body .okwin-match-card--v2 .okwin-mc-team-logo--ph {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col .okwin-mc-team-name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col .okwin-mc-team-name,
  html body .okwin-match-card--v2 .okwin-mc-col img.okwin-mc-team-logo--lg,
  html body .okwin-match-card--v2 .okwin-mc-col .okwin-mc-team-logo--ph {
    order: 0 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col--mid {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-score-big {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-score-big--vs {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "stats odds" !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 7px 8px !important;
    text-align: left !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-stats {
    grid-area: stats !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-mid {
    display: none !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-odds {
    grid-area: odds !important;
    justify-self: end !important;
    justify-content: flex-end !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-stat {
    padding: 0 6px !important;
    gap: 3px !important;
    font-size: 9px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-stat--ht {
    padding-left: 0 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-odds-grid {
    grid-template-columns: repeat(3, minmax(24px, auto)) !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-odd-cell {
    padding: 1px 5px !important;
    font-size: 9px !important;
  }
}@media (max-width: 380px) {
  html body .okwin-mslider-item {
    flex-basis: 176px !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sports-list {
    gap: 5px !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sport-link {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 5px !important;
    gap: 4px !important;
  }

  html body .okwin-sidebar-app--nav .okwin-sidebar-sport-label {
    font-size: 9px !important;
  }

  html body .okwin-hub .okwin-tabs .okwin-tabs-scroll > .okwin-tab {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 8px !important;
  }
}

/* v2.12.58 mobile compact match cards */
@media (max-width: 767px) {
  html body .okwin-match-card--v2 .okwin-mc-header--v2 {
    min-height: 30px !important;
    padding: 5px 8px !important;
    gap: 5px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-stage-inner {
    padding: 6px 8px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-teams-v2 {
    grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) !important;
    gap: 4px !important;
    min-height: 56px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col,
  html body .okwin-match-card--v2 .okwin-mc-col--home,
  html body .okwin-match-card--v2 .okwin-mc-col--away {
    gap: 3px !important;
  }

  html body .okwin-match-card--v2 img.okwin-mc-team-logo--lg,
  html body .okwin-match-card--v2 .okwin-mc-team-logo--ph {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col .okwin-mc-team-name {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-col--mid {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-score-big {
    font-size: 12px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-score-big--vs {
    font-size: 10px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-bar {
    padding: 5px 8px !important;
    gap: 4px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-stat {
    padding: 0 4px !important;
    font-size: 8.5px !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-odds-grid {
    gap: 0 !important;
  }

  html body .okwin-match-card--v2 .okwin-mc-live-odd-cell {
    padding: 1px 4px !important;
    font-size: 8.5px !important;
  }
}