/* =========================================================
   MATCH TRENDS V46 – STATS KONTRAST + MOBILE SCHRIFT
   Eine Kartenstruktur für Mobile + Desktop.
   Mobile: 1 Karte pro Reihe.
   Desktop: 2 Karten pro Reihe.
   Keine historischen V3–V21 Overrides mehr.
   ========================================================= */


/* =========================================================
   PAGE LOADER
   ========================================================= */

.bts_page_loader_bg,
.bts_page_loader {
    position: fixed;
    left: -1px;
    top: -1px;
    width: 1px;
    height: 1px;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.bts_page_loader_bg {
    background: #000 !important;
}

body.bts_show_page_loader .bts_page_loader_bg {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999990;
    opacity: .7;
    pointer-events: auto;
}

body.bts_show_page_loader .bts_page_loader {
    left: calc(50vw - 28px);
    top: calc(50vh - 28px);
    width: 56px;
    height: auto;
    z-index: 9999999;
    opacity: 1;
    pointer-events: auto;
}

.bts_double-ring {
    --s: 56px;
    --c: #aaa;
    position: relative;
    display: inline-block;
    width: var(--s);
    height: var(--s);
}

.bts_double-ring::before,
.bts_double-ring::after {
    content: '';
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border: calc(var(--s) / 12) solid transparent;
    border-radius: 50%;
}

.bts_double-ring::before {
    border-top-color: var(--c);
    border-left-color: var(--c);
    opacity: .8;
    animation: bts_spin_outer 1s linear infinite;
}

.bts_double-ring::after {
    border-bottom-color: rgba(140,140,140,.15);
    opacity: .9;
    animation: bts_spin_inner 1.25s linear reverse infinite;
}

@keyframes bts_spin_outer {
    to { transform: rotate(360deg) scale(1); }
}

@keyframes bts_spin_inner {
    to { transform: rotate(360deg) scale(.75); }
}


/* =========================================================
   KLEINE BESTEHENDE HILFSKLASSEN
   ========================================================= */

span.bts_h2h_teamname {
    font-weight: 700 !important;
}

img.bts_quote_trend_arrow {
    position: relative;
    top: 5px;
    float: right;
    width: 16px !important;
    height: 16px !important;
    opacity: 1;
}

.bts-ws-item-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.match-trends-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.match-trends-container > .trend-box.bts-trend-box {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   TRENDBOX – MOBILE-FARBEN ALS BASIS
   ========================================================= */

.bts-trend-box {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: #171717 !important;
    border: 1px solid #272727 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.bts-trend-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 9px 14px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #242424 !important;
}

.bts-trend-head-left {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.bts-trend-league-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    color: #b7b7b7 !important;
    font-size: 10.5px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.bts-trend-league-link span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bts-trend-league-link::after {
    content: '»' !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin-left: 2px !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    opacity: .82 !important;
}


.bts-trend-kickoff-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    color: #a8a8a8 !important;
    font-size: 10.5px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
}

.bts-trend-kickoff-meta::before {
    content: none !important;
    display: none !important;
}

.bts-kickoff-calendar {
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 11px !important;
    width: 11px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    border: 1px solid currentColor !important;
    border-radius: 2px !important;
    opacity: .72 !important;
}

.bts-kickoff-calendar::before {
    content: '' !important;
    position: absolute !important;
    left: 1px !important;
    right: 1px !important;
    top: 2px !important;
    border-top: 1px solid currentColor !important;
}

.bts-kickoff-calendar::after {
    content: '' !important;
    position: absolute !important;
    left: 2px !important;
    top: -2px !important;
    width: 1px !important;
    height: 2px !important;
    background: currentColor !important;
    box-shadow: 5px 0 0 currentColor !important;
}

.bts-trend-kickoff-meta.is-countdown .bts-kickoff-calendar {
    display: none !important;
}

.bts-trend-kickoff-meta.is-countdown {
    color: #cf0 !important;
    font-weight: 400 !important;
}

.bts-trend-kickoff-meta.is-countdown::before {
    content: '◷' !important;
    display: inline-block !important;
    color: #cf0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.bts-trend-head-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

.bts-header-bookie-test {
    color: #095ded !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.bts-header-bookie-test:hover {
    opacity: 1 !important;
}


/* =========================================================
   WETTBEWERBSICON / FLAGGE
   ========================================================= */

.bts-tab-flag {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 13px !important;
    min-height: 13px !important;
    border-radius: 2px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    pointer-events: none !important;
}

.bts-tab-flag-large {
    flex-basis: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 13px !important;
    min-height: 13px !important;
}

.bts-white-competition-icon {
    filter: brightness(0) invert(1) !important;
    opacity: .88 !important;
}


/* =========================================================
   HAUPTBEREICH
   EXAKT EINE STRUKTUR:
   Begegnung 42% | Tipp 58%
   Wettangebot darunter volle Breite
   ========================================================= */

.bts-main-action-row {
    display: grid !important;
    grid-template-columns: minmax(0,42%) minmax(0,58%) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 11px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.bts-matchup-stack {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 1px 12px 1px 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.bts-matchup-team {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f1f1f1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

.bts-pick-side {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 13px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
}

.bts-pick-copy {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    cursor: pointer !important;
    outline: none !important;
}

.bts-trend-pick {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 5px 7px !important;
    box-sizing: border-box !important;
    background: #202020 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 7px !important;
    line-height: 1 !important;
}

.bts-pick-copy:focus-visible .bts-trend-pick {
    border-color: #404040 !important;
}

.bts-pick-copy:hover .bts-trend-pick {
    border-color: #303030 !important;
}

.bts-trend-pick-top {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    padding-right: 26px !important;
    line-height: 1 !important;
}

.bts-score-dot {
    flex: 0 0 6px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    opacity: .88 !important;
}

.bts-trend-pick-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    flex: 0 0 auto !important;
    color: currentColor !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.bts-score-word {
    color: #aaa !important;
}

.bts-trend-pick strong {
    color: currentColor !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.bts-trend-pick-bottom {
    display: block !important;
    min-width: 0 !important;
}

.bts-trend-pick .bts-pick-label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f3f3f3 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
    letter-spacing: -.008em !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.bts-score-green { color: #65c47a !important; }
.bts-score-yellow { color: #d0b93f !important; }
.bts-score-orange { color: #db8b45 !important; }
.bts-score-red { color: #d56c76 !important; }

.bts-pick-stats-slot {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    pointer-events: none !important;
}

.bts-pick-stats-icon {
    display: block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    filter: brightness(0) invert(1) !important;
    opacity: .74 !important;
    pointer-events: none !important;
}

/* =========================================================
   STATISTIK-ICON – FARBE PASSEND ZUR TRENDSTÄRKE
   Grün / Gelb / Orange / Rot
   ========================================================= */

.bts-trend-pick.bts-score-green .bts-pick-stats-icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(68%)
        sepia(21%)
        saturate(1038%)
        hue-rotate(81deg)
        brightness(101%)
        contrast(86%) !important;
}

.bts-trend-pick.bts-score-yellow .bts-pick-stats-icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(78%)
        sepia(45%)
        saturate(816%)
        hue-rotate(5deg)
        brightness(93%)
        contrast(88%) !important;
}

.bts-trend-pick.bts-score-orange .bts-pick-stats-icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(65%)
        sepia(33%)
        saturate(1740%)
        hue-rotate(336deg)
        brightness(94%)
        contrast(86%) !important;
}

.bts-trend-pick.bts-score-red .bts-pick-stats-icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(54%)
        sepia(35%)
        saturate(1260%)
        hue-rotate(307deg)
        brightness(96%)
        contrast(84%) !important;
}


.bts-pick-copy:hover .bts-pick-stats-icon {
    opacity: 1 !important;
}


/* =========================================================
   STATISTIKBLOCK – FESTES SPALTENRASTER
   ========================================================= */

.bts-trend-form-texts {
    display: block !important;
    width: auto !important;
    margin: 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #242424 !important;
}

.bts-trend-form-texts > .bts-stat-head,
.bts-trend-form-texts > .bts-trend-fact-row {
    display: grid !important;
    grid-template-columns: 64px 62px minmax(58px,1fr) 76px 42px !important;
    grid-template-rows: minmax(0,1fr) !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    column-gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.bts-stat-head {
    min-height: 27px !important;
    color: #a8a8a8 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

.bts-stat-head-main {
    grid-column: 1 / 4 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bts-stat-head-comp,
.bts-stat-head-venue {
    text-align: center !important;
    white-space: nowrap !important;
}

.bts-trend-form-texts > .bts-trend-fact-row,
.bts-trend-form-texts > .bts-trend-fact-row:not(:last-child) {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid #222222 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #a8a8a8 !important;
}

.bts-fact-left,
.bts-fact-value,
.bts-fact-competition,
.bts-fact-venue {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Jede Statistikzeile bleibt zwingend EINE Zeile. */
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-left,
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-value,
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-graphic,
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-competition,
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-venue {
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-left {
    grid-column: 1 !important;
}
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-value {
    grid-column: 2 !important;
}
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-graphic {
    grid-column: 3 !important;
}
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-competition {
    grid-column: 4 !important;
}
.bts-trend-form-texts > .bts-trend-fact-row > .bts-fact-venue {
    grid-column: 5 !important;
}

.bts-trend-form-texts > .bts-stat-head > * {
    grid-row: 1 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}


.bts-fact-left {
    position: relative !important;
    padding-left: 11px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 450 !important;
}

.bts-fact-left::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 5px !important;
    height: 5px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: var(--bts-fact-dot,#777) !important;
    opacity: .95 !important;
}

.bts-strength-green  { --bts-fact-dot: #65c47a; }
.bts-strength-yellow { --bts-fact-dot: #d0b93f; }
.bts-strength-orange { --bts-fact-dot: #db8b45; }
.bts-strength-red    { --bts-fact-dot: #d56c76; }
.bts-strength-neutral{ --bts-fact-dot: #777; }

.bts-fact-team-full {
    display: none !important;
}

.bts-fact-team-short {
    display: inline !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}

.bts-fact-value {
    color: #a8a8a8 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    font-variant-numeric: tabular-nums !important;
}

.bts-fact-competition,
.bts-fact-venue {
    color: #a8a8a8 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.bts-fact-graphic {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 12px !important;
}

.bts-stat-track {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 7px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #3f3f3f !important;
    border: 1px solid #535353 !important;
    border-radius: 999px !important;
}

.bts-stat-fill {
    display: block !important;
    width: var(--bts-fill,0%) !important;
    height: 100% !important;
    background: #d7d7d7 !important;
    border-radius: inherit !important;
}

.bts-stat-row-muted .bts-stat-fill {
    background: #777 !important;
}

.bts-stat-row-negative .bts-fact-left {
    color: #fff !important;
}

.bts-stat-row-negative .bts-fact-value {
    color: #e27a82 !important;
}

.bts-stat-row-negative .bts-stat-fill {
    background: #dc3545 !important;
}

.bts-stat-segments {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
}

.bts-stat-segment {
    flex: 1 1 0 !important;
    min-width: 3px !important;
    max-width: 34px !important;
    height: 5px !important;
    background: #d7d7d7 !important;
    border-radius: 2px !important;
}

.bts-stat-row-muted .bts-stat-segment {
    background: #777 !important;
}

/* Gemeinsame Vergleichsbasis innerhalb einer Karte:
   nicht zur Serie gehörende Slots bleiben bewusst sichtbar, aber dunkel. */
.bts-stat-segment.is-empty,
.bts-stat-row-muted .bts-stat-segment.is-empty {
    box-sizing: border-box !important;
    background: #3f3f3f !important;
    border: 1px solid #505050 !important;
    opacity: 1 !important;
}

/* Zusätzliche historische Treffer außerhalb der laufenden Serie
   werden genauso hell dargestellt wie die aktuelle Serie. */
.bts-stat-segment.is-history-hit,
.bts-stat-row-muted .bts-stat-segment.is-history-hit {
    background: #d7d7d7 !important;
    opacity: 1 !important;
}

/* =========================================================
   AKTIONSBEREICH – EIN KLARER BUTTON
   ========================================================= */

.bts-card-action {
    padding: 11px 14px 10px !important;
}

.bts-card-action > .bts-unified-btn {
    display: grid !important;
    grid-template-columns: 72px minmax(0,1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #2874c9 !important;
    border: 1px solid #357fd2 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #fff !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.bts-card-action > .bts-unified-btn:hover {
    background: #2d7bd3 !important;
    border-color: #4289dc !important;
    opacity: 1 !important;
}

.bts-card-action > .bts-unified-btn > .bts-offer-logo-space[id$='odd'] {
    display: block !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: rgba(0,0,0,.10) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 54px auto !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
}

.bts-cta-label {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 0 10px !important;
    color: #f8fbff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.bts-card-action .bts-ub-right {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    padding: 0 13px 0 6px !important;
    color: #f8fbff !important;
    white-space: nowrap !important;
}

.bts-card-action .bts-ub-right strong {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    color: #f8fbff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
}

.bts-card-action .sitewide-odd-target {
    color: #f8fbff !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.bts-card-action .bts-quote-prefix {
    color: rgba(248,251,255,.78) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}


.bts-card-action .bts-no-quote-label {
    color: #f8fbff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.bts-offer-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 14px !important;
    margin: 7px 0 0 !important;
    color: #858585 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
	padding-top: 4px;
}

.bts-offer-meta a {
    color: inherit !important;
    text-decoration: none !important;
}

.bts-offer-meta a:hover {
    color: #bdbdbd !important;
}

/* =========================================================
   SETTLED-TIPP
   ========================================================= */

.bts-tip-result-slot {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 4px !important;
}

.bts-tip-result {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 5px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.bts-tip-result-won {
    color: #8bf0a2 !important;
    background: rgba(42,145,70,.16) !important;
    border: 1px solid rgba(96,196,119,.45) !important;
}

.bts-tip-result-lost {
    color: #ff9ca5 !important;
    background: rgba(170,42,52,.15) !important;
    border: 1px solid rgba(255,120,133,.42) !important;
}

.bts-tip-settled .bts-unified-btn {
    pointer-events: none !important;
    opacity: .78 !important;
}


/* =========================================================
   FIXTURE INFO – DEZENT STATT GELBER BOX
   ========================================================= */

.bts-fixture-info-mobile,
.bts-fixture-info-desktop {
    width: auto !important;
    margin: 7px 14px 0 !important;
}

.bts-fixture-info-mobile { display: block !important; }
.bts-fixture-info-desktop { display: none !important; }

.bts_fixture_info_text {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 7px 0 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #222222 !important;
    border-radius: 0 !important;
    color: #9b9b9b !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
}

.bts_info_icon {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    padding-top: 0 !important;
    color: #cf0 !important;
}

.bts_info_content { flex-grow: 1 !important; }



.bts-more-links-block[hidden],
.bts-timeline-zizobet-ad[hidden] {
    display: none !important;
}

/* =========================================================
   WEITER ZU – NACH DEM 10. TIPP
   Mobile: 2 Kacheln | Desktop: 4 Kacheln
   ========================================================= */

.bts-more-links-block {
    width: 100% !important;
    margin: 2px 0 0 !important;
    box-sizing: border-box !important;
}

.bts-more-links-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    color: #ededed !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.bts-more-links-head-icon {
    display: block !important;
    flex: 0 0 7px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 1px !important;
    background: #cf0 !important;
    transform: rotate(45deg) !important;
    opacity: .9 !important;
}

.bts-more-links-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
}

.bts-more-link-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 13px 9px 12px !important;
    box-sizing: border-box !important;
    background: #1b1b1b !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 13px !important;
    color: #f1f1f1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color .15s ease, border-color .15s ease !important;
}

.bts-more-link-card:hover {
    background: #1e1e1e !important;
    border-color: #363636 !important;
    color: #f1f1f1 !important;
}

.bts-more-link-card:focus-visible {
    outline: 2px solid rgba(204,255,0,.38) !important;
    outline-offset: 2px !important;
}

.bts-more-link-emoji {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
}

.bts-more-link-title {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #f0f0f0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bts-more-link-subtitle {
    display: block !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    color: #999 !important;
    font-size: 10.5px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 960px) {
    .bts-more-link-card {
        min-height: 106px !important;
        background: #242424 !important;
        border-color: #383838 !important;
    }

    .bts-more-link-card:hover,
    .bts-more-link-card:active {
        background: #282828 !important;
        border-color: #444444 !important;
    }
}

@media (min-width: 961px) {
    .bts-more-links-grid {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
        gap: 12px !important;
    }

    .bts-more-link-card {
        min-height: 110px !important;
    }

    .bts-more-link-emoji {
        font-size: 26px !important;
    }
}


/* =========================================================
   DESKTOP – ZWEI KOMPLETTE KARTEN PRO REIHE
   ========================================================= */

@media (min-width: 961px) {
    .match-trends-container {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-auto-flow: row dense !important;
        align-items: start !important;
        gap: 14px !important;
    }

    .match-trends-container > :not(.trend-box) {
        grid-column: 1 / -1 !important;
    }

    .bts-trend-box {
        background: #121212 !important;
        border-color: #232323 !important;
    }

    /* Tipp-/Trend-Box selbst bleibt wie in V32. */
    .bts-trend-pick {
        background: #171717 !important;
        border-color: #232323 !important;
    }

    .bts-pick-copy:hover .bts-trend-pick {
        border-color: #232323 !important;
    }

    .bts-fixture-info-mobile { display: none !important; }
    .bts-fixture-info-desktop { display: block !important; }
}

@media (max-width: 430px) {
    .bts-trend-form-texts > .bts-stat-head,
    .bts-trend-form-texts > .bts-trend-fact-row {
        grid-template-columns: 42px 58px minmax(48px,1fr) 68px 38px !important;
        grid-template-rows: minmax(0,1fr) !important;
        grid-auto-flow: column !important;
        column-gap: 4px !important;
    }

    .bts-fact-team-full { display: none !important; }
    .bts-fact-team-short { display: inline !important; }

    .bts-trend-form-texts > .bts-stat-head,
    .bts-fact-competition,
    .bts-fact-venue {
        color: #a8a8a8 !important;
        font-size: 10px !important;
        font-weight: 500 !important;
    }

    .bts-fact-left,
    .bts-fact-value {
        font-size: 12px !important;
    }

    .bts-card-action > .bts-unified-btn {
        grid-template-columns: 64px minmax(0,1fr) auto !important;
    }

    .bts-card-action > .bts-unified-btn > .bts-offer-logo-space[id$='odd'] {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        background-size: 50px auto !important;
    }

    .bts-cta-label { font-size: 12px !important; }
    .bts-card-action .bts-ub-right { padding-right: 10px !important; }
}

/* =========================================================
   TREND-PICK – FARBE NACH TRENDSTÄRKE V25
   Etwas farbigerer Gradient + Border
   Tipptext nur dezent entsprechend eingefärbt
   Gilt identisch für Mobile + PC.
   ========================================================= */

/* GRÜN */
.bts-trend-pick.bts-score-green {
    background: linear-gradient(
        164deg,
        rgba(20, 37, 23, .98) 0%,
        rgba(17, 17, 17, .66) 100%
    ) !important;
    border: 1px solid #203724 !important;
}

.bts-trend-pick.bts-score-green .bts-pick-label {
    color: #d9eddd !important;
}

/* GELB */
.bts-trend-pick.bts-score-yellow {
    background: linear-gradient(
        164deg,
        rgba(38, 35, 18, .98) 0%,
        rgba(17, 17, 17, .66) 100%
    ) !important;
    border: 1px solid #3a351c !important;
}

.bts-trend-pick.bts-score-yellow .bts-pick-label {
    color: #eee8cc !important;
}

/* ORANGE */
.bts-trend-pick.bts-score-orange {
    background: linear-gradient(
        164deg,
        rgba(40, 29, 18, .98) 0%,
        rgba(17, 17, 17, .66) 100%
    ) !important;
    border: 1px solid #3d2b1b !important;
}

.bts-trend-pick.bts-score-orange .bts-pick-label {
    color: #f0dfd0 !important;
}

/* ROT */
.bts-trend-pick.bts-score-red {
    background: linear-gradient(
        164deg,
        rgba(39, 20, 22, .98) 0%,
        rgba(17, 17, 17, .66) 100%
    ) !important;
    border: 1px solid #3a1f22 !important;
}

.bts-trend-pick.bts-score-red .bts-pick-label {
    color: #efd7da !important;
}

/* Hover: Gradient bleibt stehen, nur Border einen Hauch klarer */
.bts-pick-copy:hover .bts-trend-pick.bts-score-green {
    border-color: #2a4930 !important;
}

.bts-pick-copy:hover .bts-trend-pick.bts-score-yellow {
    border-color: #4b4525 !important;
}

.bts-pick-copy:hover .bts-trend-pick.bts-score-orange {
    border-color: #4f3823 !important;
}

.bts-pick-copy:hover .bts-trend-pick.bts-score-red {
    border-color: #4c292d !important;
}
/* =========================================================
   MOBILE TAP-TOOLTIP – VOLLER STATISTIKTEXT
   Desktop behält weiterhin das native title-Hover.
   ========================================================= */

#bts-fact-touch-tooltip {
    position: fixed !important;
    z-index: 9999999993 !important;
    display: block !important;
    width: max-content !important;
    max-width: min(360px, calc(100vw - 24px)) !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    box-sizing: border-box !important;

    background: rgba(24,24,24,.98) !important;
    border: 1px solid #3b3b3b !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.42) !important;

    color: #ededed !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.38 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate(-50%, 5px) !important;
    transition:
        opacity .14s ease,
        transform .14s ease,
        visibility .14s ease !important;

    pointer-events: none !important;
}

#bts-fact-touch-tooltip.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, 0) !important;
}

.bts-trend-form-texts > .bts-trend-fact-row[data-bts-fact-tooltip] {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.bts-trend-form-texts > .bts-trend-fact-row[data-bts-fact-tooltip]:hover {
    background: rgba(255,255,255,.018) !important;
}

.bts-trend-form-texts > .bts-trend-fact-row[data-bts-fact-tooltip]:active {
    background: rgba(255,255,255,.035) !important;
}

/* H2H-Toggle: eigener kompakter Detailblock */
#bts-fact-touch-tooltip.is-h2h {
    width: min(420px, calc(100vw - 24px)) !important;
    max-width: min(420px, calc(100vw - 24px)) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip {
    display: block !important;
    min-width: 0 !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 8px 10px 7px !important;
    border-bottom: 1px solid #333 !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-title {
    color: #cf0 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-date {
    color: #929292 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-fixture {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-team {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #e4e4e4 !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-team:last-child {
    text-align: right !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-score {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
}

#bts-fact-touch-tooltip .bts-h2h-tooltip-empty {
    padding: 11px 12px !important;
    color: #aaa !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}
/* =========================================================
   POPUP – DESKTOP BREIT + LUFTIG
   Mobile bleibt unverändert.
   ========================================================= */

@media (min-width: 701px) {
    #trend-stats-popup {
        width: min(1040px, calc(100vw - 24px)) !important;
        max-width: 1040px !important;
        max-height: 90vh !important;
        top: 5% !important;
        padding: 20px !important;
        overflow-y: auto !important;
    }

    #trend-stats-popup #trend-stats-content {
        font-size: 13.5px;
        line-height: 1.45;
    }

    #trend-stats-popup .bts-popup-tabs {
        gap: 6px;
        margin-bottom: 14px;
        padding: 5px;
    }

    #trend-stats-popup .tab-btn {
        min-height: 38px;
        padding: 9px 12px;
        font-size: 13px;
    }

    #trend-stats-popup .bts-popup-market-card {
        min-height: 46px;
        margin-bottom: 14px;
        padding: 10px 92px 10px 15px;
    }

    #trend-stats-popup .bts-popup-market-label {
        font-size: 14px;
        font-weight: 650;
    }

    #trend-stats-popup .subtab-container {
        gap: 7px;
        margin: 10px 0 9px;
    }

    #trend-stats-popup button.subtab {
        min-height: 30px;
        padding: 7px 12px;
        font-size: 11.5px;
    }

    #trend-stats-popup .bts-popup-hint {
        margin-bottom: 10px;
        padding: 8px 11px;
        font-size: 12px;
        line-height: 1.45;
    }

    #trend-stats-popup .trend-table {
        border-spacing: 0 7px;
        font-size: 12.5px;
    }

    #trend-stats-popup .trend-table th,
    #trend-stats-popup .trend-table td {
        padding: 9px 11px;
    }

    #trend-stats-popup .trend-table tbody td:first-child {
        width: 18%;
    }

    #trend-stats-popup .trend-table tbody td:nth-child(2) {
        width: 64%;
    }

    #trend-stats-popup .trend-table tbody td:last-child {
        width: 18%;
    }

    #trend-stats-popup .popup-date-cell {
        font-size: 11.5px;
        line-height: 1.2;
    }

    #trend-stats-popup .popup-league-cell {
        max-width: 150px;
        margin-top: 2px;
        font-size: 10.5px;
    }

    #trend-stats-popup .popup-match-cell {
        font-size: 12.5px;
        line-height: 1.35;
    }

    #trend-stats-popup .popup-match-cell .vss {
        margin: 0 7px;
    }

    #trend-stats-popup .popup-result-cell {
        font-size: 13px;
    }
}
/* =========================================================
   MOBILE: DUNKLE TÖNE NOCH EINE STUFE HELLER
   Die allgemeine Aufhellung gilt nur mobil.
   Stat-Track und Checkbox werden separat auf allen Geräten optimiert.
   ========================================================= */

@media (max-width: 960px) {

    /* Karte + dezente Trennlinien */
    .bts-trend-box {
        background: #202020 !important;
        border-color: #383838 !important;
    }

    .bts-trend-card-head {
        border-bottom-color: #343434 !important;
    }

    .bts-trend-form-texts {
        border-top-color: #343434 !important;
    }

    .bts-trend-form-texts > .bts-trend-fact-row,
    .bts-trend-form-texts > .bts-trend-fact-row:not(:last-child) {
        border-top-color: #313131 !important;
    }

    .bts_fixture_info_text {
        border-top-color: #313131 !important;
    }

    /* Neutraler Trend-Pick */
    .bts-trend-pick {
        background: #2a2a2a !important;
        border-color: #3d3d3d !important;
    }

    .bts-pick-copy:focus-visible .bts-trend-pick {
        border-color: #505050 !important;
    }

    .bts-pick-copy:hover .bts-trend-pick {
        border-color: #474747 !important;
    }

    /* Farbliche Trend-Picks: Farbe bleibt, nur der dunkle Unterton heller */
    .bts-trend-pick.bts-score-green {
        background: linear-gradient(
            164deg,
            rgba(25, 45, 30, .98) 0%,
            rgba(32, 32, 32, .82) 100%
        ) !important;
        border-color: #29442e !important;
    }

    .bts-trend-pick.bts-score-yellow {
        background: linear-gradient(
            164deg,
            rgba(46, 42, 22, .98) 0%,
            rgba(32, 32, 32, .82) 100%
        ) !important;
        border-color: #474124 !important;
    }

    .bts-trend-pick.bts-score-orange {
        background: linear-gradient(
            164deg,
            rgba(48, 35, 23, .98) 0%,
            rgba(32, 32, 32, .82) 100%
        ) !important;
        border-color: #493322 !important;
    }

    .bts-trend-pick.bts-score-red {
        background: linear-gradient(
            164deg,
            rgba(47, 25, 28, .98) 0%,
            rgba(32, 32, 32, .82) 100%
        ) !important;
        border-color: #47272b !important;
    }

    /* Statistikgrafiken */
    .bts-stat-track {
        background: #474747 !important;
        border-color: #606060 !important;
    }

    .bts-stat-segment.is-empty,
    .bts-stat-row-muted .bts-stat-segment.is-empty {
        background: #474747 !important;
        border-color: #5c5c5c !important;
        opacity: 1 !important;
    }

    /* Touch-Feedback / Tooltip */
    .bts-trend-form-texts > .bts-trend-fact-row[data-bts-fact-tooltip]:active {
        background: rgba(255,255,255,.04) !important;
    }

    #bts-fact-touch-tooltip {
        background: rgba(37,37,37,.99) !important;
        border-color: #555555 !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.34) !important;
    }
}



/* Mobile: graue Statistikbeschriftungen eine Stufe größer */
@media (max-width: 960px) {
    .bts-trend-form-texts > .bts-stat-head,
    .bts-trend-form-texts .bts-fact-competition,
    .bts-trend-form-texts .bts-fact-venue {
        font-size: 11px !important;
    }
}

/* Popup auf Smartphone ebenfalls etwas heller.
   Ab 701px greift weiterhin exakt das bestehende Desktop-Popup. */
@media (max-width: 700px) {

    #trend-stats-popup {
        background: #1d1d1d !important;
    }

    #trend-stats-popup .bts-popup-tabs {
        background: #232323 !important;
        border-color: #383838 !important;
    }

    #trend-stats-popup .tab-btn:hover {
        background: #252525 !important;
        border-color: #363636 !important;
    }

    #trend-stats-popup .bts-popup-market-card {
        background: linear-gradient(
            164deg,
            #2a2a2a 0%,
            #202020 100%
        ) !important;
        border-color: #3a3a3a !important;
    }

    #trend-stats-popup button.subtab {
        background: #272727 !important;
        border-color: #3d3d3d !important;
    }

    #trend-stats-popup button.subtab:hover {
        background: #2d2d2d !important;
        border-color: #454545 !important;
    }

    #trend-stats-popup .bts-popup-hint {
        background: #232323 !important;
        border-color: #363636 !important;
    }

    #trend-stats-popup .trend-table tbody td {
        background: #232323 !important;
        border-top-color: #353535 !important;
        border-bottom-color: #353535 !important;
    }

    #trend-stats-popup .trend-table tbody td:first-child {
        border-left-color: #353535 !important;
    }

    #trend-stats-popup .trend-table tbody td:last-child {
        border-right-color: #353535 !important;
    }

    #trend-stats-popup .bts-popup-tabs {
        background-color: #1d1d1d !important;
    }
}

/* =========================================================
   NUR MERKLISTE / CHECKBOX – MATCH TRENDS V47
   ========================================================= */

/* Platz für Checkbox vor der Begegnung */
.bts-main-action-row {
    display: grid !important;
    grid-template-columns: 26px minmax(0,42%) minmax(0,1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 11px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* =========================================================
   MERKLISTE – CHECKBOX VOR DER BEGEGNUNG
   Funktionalität kommt bewusst aus der Theme-Funktion.
   ========================================================= */

.bts-watch-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
    width: 26px !important;
    min-width: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.bts-watch-checkbox {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.bts-watch-checkmark {
    position: relative !important;
    display: block !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    box-sizing: border-box !important;
    background: #1f1f1f !important;
    border: 1px solid #656565 !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
    transition:
        background-color .14s ease,
        border-color .14s ease,
        box-shadow .14s ease,
        transform .14s ease !important;
}

.bts-watch-toggle:hover .bts-watch-checkmark {
    background: #242424 !important;
    border-color: #a8c72d !important;
    box-shadow: inset 0 0 0 1px rgba(204,255,0,.07) !important;
}

.bts-watch-checkbox:focus-visible + .bts-watch-checkmark {
    outline: 2px solid rgba(204,255,0,.45) !important;
    outline-offset: 2px !important;
}

.bts-watch-checkbox:checked + .bts-watch-checkmark {
    background: #cf0 !important;
    border-color: #cf0 !important;
}

.bts-watch-checkbox:checked + .bts-watch-checkmark::after {
    content: '' !important;
    position: absolute !important;
    left: 3px !important;
    top: 1px !important;
    width: 3px !important;
    height: 6px !important;
    border: solid #111 !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

.bts-watch-checkbox:active + .bts-watch-checkmark {
    transform: scale(.94) !important;
}

@media (max-width: 960px) {
    .bts-watch-checkmark {
        background: #2b2b2b !important;
        border-color: #747474 !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
    }

    .bts-watch-toggle:active .bts-watch-checkmark {
        background: #333333 !important;
        border-color: #829a3f !important;
    }

    .bts-watch-checkbox:checked + .bts-watch-checkmark {
        background: #cf0 !important;
        border-color: #cf0 !important;
        box-shadow: none !important;
    }
}


.bts-matchup-stack {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 1px 12px 1px 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.bts-matchup-team {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f1f1f1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

.bts-pick-side {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 13px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
}

.bts-pick-copy {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    cursor: pointer !important;
    outline: none !important;
}

.bts-trend-pick {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 5px 7px !important;
    box-sizing: border-box !important;
    background: #202020 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 7px !important;
    line-height: 1 !important;
}

.bts-pick-copy:focus-visible .bts-trend-pick {
    border-color: #404040 !important;
}

.bts-pick-copy:hover .bts-trend-pick {
    border-color: #303030 !important;
}

.bts-trend-pick-top {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    padding-right: 26px !important;
    line-height: 1 !important;
}

.bts-score-dot {
    flex: 0 0 6px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    opacity: .88 !important;
}

.bts-trend-pick-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    flex: 0 0 auto !important;
    color: currentColor !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.bts-score-word {
    color: #aaa !important;
}

.bts-trend-pick strong {
    color: currentColor !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.bts-trend-pick-bottom {
    display: block !important;
    min-width: 0 !important;
}

.bts-trend-pick .bts-pick-label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f3f3f3 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
    letter-spacing: -.008em !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.bts-score-green { color: #65c47a !important; }
.bts-score-yellow { color: #d0b93f !important; }
.bts-score-orange { color: #db8b45 !important; }
.bts-score-red { color: #d56c76 !important; }

.bts-pick-stats-slot {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    pointer-events: none !important;
}

.bts-pick-stats-icon {
    display: block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    filter: brightness(0) invert(1) !important;
    opacity: .74 !important;
    pointer-events: none !important;
}

/* =========================================================
   TIMELINE – ZIZOBET-BANNER NACH TIPP 12
   Logo wird über die bereits vorhandene CSS-ID #zizobetodd geladen.
   ========================================================= */

.bts-timeline-zizobet-ad {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 11px !important;
    box-sizing: border-box !important;
    background: #f7f7f7 !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 3px !important;
    color: #202020 !important;
    box-shadow: none !important;
}

/* Oben exakt 50 / 50: links Logo, rechts CTA. */
.bts-zizobet-ad-top {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
}

/* Fallback für noch gecachtes altes HTML. */
.bts-zizobet-ad-rank,
.bts-zizobet-ad-testlink {
    display: none !important;
}

.bts-zizobet-ad-logo#zizobetodd {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    border: 0 !important;
}

.bts-zizobet-ad-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 14px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #505055 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background .15s ease !important;
}

.bts-zizobet-ad-cta:hover {
    background: #45454a !important;
    color: #fff !important;
}

.bts-zizobet-ad-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 12px 0 0 !important;
    min-width: 0 !important;
}

.bts-zizobet-ad-copy strong {
    color: #202020 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
}

.bts-zizobet-ad-copy span {
    color: #383838 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

@media (max-width: 600px) {
    .bts-timeline-zizobet-ad {
        padding: 10px !important;
    }

    .bts-zizobet-ad-top {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
        gap: 8px !important;
    }

    .bts-zizobet-ad-logo#zizobetodd {
        height: 36px !important;
        min-height: 36px !important;
    }

    .bts-zizobet-ad-cta {
        min-height: 36px !important;
        padding: 7px 9px !important;
        font-size: 10.5px !important;
    }

    .bts-zizobet-ad-copy {
        gap: 4px !important;
        margin-top: 10px !important;
    }

    .bts-zizobet-ad-copy strong {
        font-size: 14px !important;
    }

    .bts-zizobet-ad-copy span {
        font-size: 12.5px !important;
    }
}

/* Zwischenblöcke spannen im Desktop-2-Spalten-Grid immer über beide Karten-Spalten. */
@media (min-width: 961px) {
    .match-trends-container > .bts-more-links-block,
    .match-trends-container > .bts-timeline-zizobet-ad {
        grid-column: 1 / -1 !important;
    }
}