
@media (max-width: 1024px) {



  /* =========================

     ÜST SPOR ŞERİDİ

     ========================= */



  .live-reference-sport-tabs-shell {

    position: relative !important;

    height: 65px !important;

    min-height: 65px !important;

    overflow: hidden !important;

    border-bottom: 1px solid #474747 !important;

    background: #303030 !important;

  }



  .live-reference-sport-tabs {

    height: 65px !important;

    display: flex !important;

    align-items: stretch !important;

    gap: 0 !important;

    padding: 0 !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    background: #303030 !important;

    scrollbar-width: none !important;

  }



  .live-reference-sport-tabs::-webkit-scrollbar {

    display: none !important;

  }



  .live-reference-sport-scroll {

    display: none !important;

  }



  .live-reference-sport-tab {

    position: relative !important;

    width: 58px !important;

    min-width: 58px !important;

    max-width: 58px !important;

    height: 65px !important;

    flex: 0 0 58px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 1px !important;

    padding: 4px 2px 0 !important;

    overflow: visible !important;

    border: 0 !important;

    border-bottom: 3px solid transparent !important;

    border-radius: 0 !important;

    color: #aaa !important;

    background: transparent !important;

    box-shadow: none !important;

  }



  .live-reference-sport-tab.active {

    color: #fff !important;

    border-bottom-color: #20e2b0 !important;

    background: transparent !important;

  }



  .live-reference-sport-icon {

    width: 32px !important;

    min-width: 32px !important;

    height: 32px !important;

    min-height: 32px !important;

    display: grid !important;

    place-items: center !important;

    margin: 0 auto !important;

    overflow: visible !important;

  }



  .live-reference-sport-icon-image {

    width: 30px !important;

    height: 30px !important;

    display: block !important;

    object-fit: contain !important;

  }



  .live-reference-favorite-icon {

    color: #ddd !important;

    font-size: 31px !important;

    line-height: 31px !important;

  }



  .live-reference-sport-copy {

    position: static !important;

    width: 100% !important;

    min-width: 0 !important;

    display: block !important;

    margin: 0 !important;

    text-align: center !important;

  }



  .live-reference-sport-label,

  .live-reference-sport-tab .live-reference-sport-label {

    width: 100% !important;

    display: block !important;

    overflow: hidden !important;

    color: inherit !important;

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 12px !important;

    text-align: center !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;

  }



  .live-reference-sport-tab.active .live-reference-sport-label {

    font-weight: 800 !important;

  }



  /* Jilbet'teki yeşil sayı balonu */

  .live-reference-sport-copy > small {

    position: absolute !important;

    z-index: 3 !important;

    top: 3px !important;

    left: calc(50% + 9px) !important;

    min-width: 14px !important;

    height: 14px !important;

    display: grid !important;

    place-items: center !important;

    padding: 0 3px !important;

    border: 0 !important;

    border-radius: 8px !important;

    color: #fff !important;

    background: #00a936 !important;

    font-size: 8px !important;

    font-weight: 900 !important;

    line-height: 14px !important;

  }



  /* =========================

     FUTBOL / MARKET BAŞLIĞI

     ========================= */



  .live-reference-market-row {

    position: relative !important;

    z-index: 20 !important;

    height: 54px !important;

    min-height: 54px !important;

    grid-template-columns: minmax(0, 1fr) 126px !important;

    padding: 0 7px !important;

    overflow: visible !important;

    border-bottom: 1px solid #4c655c !important;

    background:

      linear-gradient(

        90deg,

        #40574c 0%,

        #40574c 54%,

        #303331 54%,

        #303331 100%

      ) !important;

  }



  .live-reference-selected-sport {

    height: 54px !important;

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) !important;

    grid-template-rows: 29px 20px !important;

    align-items: center !important;

    padding: 2px 0 0 !important;

  }



  .live-reference-selected-sport > strong {

    grid-row: 1 !important;

    min-width: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 18px !important;

    font-style: italic !important;

    font-weight: 900 !important;

    line-height: 27px !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;

  }



  .live-reference-selected-sport > span {

    grid-row: 2 !important;

    height: 20px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 4px !important;

    padding: 0 !important;

    overflow: hidden !important;

    color: #20e2b0 !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 18px !important;

    white-space: nowrap !important;

  }



  .live-reference-selected-sport > span svg {

    width: 13px !important;

    height: 13px !important;

    flex: 0 0 13px !important;

  }



  .live-reference-selected-sport > span svg:last-child {

    width: 8px !important;

    height: 8px !important;

    display: block !important;

  }



  /* =========================

     SAĞ MARKET SEÇİCİ

     ========================= */



  .live-reference-market-tabs {

    position: relative !important;

    height: 54px !important;

    display: block !important;

    overflow: visible !important;

    background: transparent !important;

  }



  .live-reference-market-tabs

  > .live-reference-desktop-market-tabs {

    display: none !important;

  }



  .live-reference-market-tabs

  .live-reference-stats-toggle {

    display: none !important;

  }



  .live-reference-market-tabs

  > .live-reference-mobile-market-select {

    position: absolute !important;

    z-index: 30 !important;

    top: 0 !important;

    right: 0 !important;

    width: 126px !important;

    height: 30px !important;

    display: block !important;

    overflow: visible !important;

  }



  .live-reference-mobile-market-toggle {

    width: 100% !important;

    height: 30px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    gap: 5px !important;

    padding: 0 2px 0 5px !important;

    overflow: hidden !important;

    border: 0 !important;

    color: #fff !important;

    background: transparent !important;

    font-size: 11px !important;

    font-weight: 900 !important;

    line-height: 30px !important;

    white-space: nowrap !important;

  }



  .live-reference-mobile-market-toggle span {

    min-width: 0 !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;

  }



  .live-reference-mobile-market-toggle i {

    width: 6px !important;

    height: 6px !important;

    flex: 0 0 6px !important;

    border-right: 1px solid currentColor !important;

    border-bottom: 1px solid currentColor !important;

    transform: rotate(45deg) translateY(-2px) !important;

  }



  .live-reference-mobile-market-menu {

    top: 30px !important;

    right: 0 !important;

    width: 150px !important;

    overflow: hidden !important;

    border: 1px solid #555 !important;

    color: #eee !important;

    background: #363636 !important;

    box-shadow: 0 5px 15px rgba(0,0,0,.38) !important;

  }



  .live-reference-mobile-market-menu button,

  .live-reference-mobile-market-menu button.active {

    height: 38px !important;

    padding: 0 10px !important;

    border: 0 !important;

    border-bottom: 1px solid #484848 !important;

    color: #ddd !important;

    background: #363636 !important;

    font-size: 10.5px !important;

    font-weight: 700 !important;

    line-height: 38px !important;

  }



  .live-reference-mobile-market-menu button.active {

    color: #20e2b0 !important;

    background: #404040 !important;

  }

}

