:root {
    --br-green: #2cab1f;
    --br-green-2: #48c52c;
    --br-green-dark: #198414;
    --br-red: #f0191f;
    --br-text: #101316;
    --br-muted: #677079;
    --br-border: #dde2e5;
    --br-border-soft: #edf0f2;
    --br-soft: #f7f8f9;
    --br-card: #fff;
    --br-dark: #061015;
    --br-dark-2: #0c171d;
    --br-shell: 1210px;
    --br-radius: 8px;
}

/* Escape Flatsome/UX Builder boxed wrappers so the home looks like the mockup. */
.br-live-root,
.br-live-root * {
    box-sizing: border-box;
}

.br-live-root {
    position: relative;
    width: 100vw;
    max-width: none !important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #fff;
    color: var(--br-text);
    font-family: "Rajdhani", "Arial Narrow", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.br-live-root img {
    max-width: 100%;
}

.br-live-root a {
    color: inherit;
    text-decoration: none !important;
}

.br-live-root h1,
.br-live-root h2,
.br-live-root h3,
.br-live-root strong,
.br-live-root b,
.br-live-root .br-match-action {
    font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
}

.br-shell {
    width: min(var(--br-shell), calc(100% - 44px));
    margin: 0 auto;
}

.br-block {
    padding: 24px 0 7px;
}

/* HERO */
.br-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(3,12,18,.98) 0%, rgba(4,18,25,.92) 44%, rgba(4,21,28,.93) 100%),
        radial-gradient(ellipse at 38% 110%, rgba(43,163,25,.50) 0%, rgba(43,163,25,.10) 35%, transparent 58%),
        linear-gradient(160deg, #0f2834 0%, #061016 58%, #07150b 100%);
    border-bottom: 1px solid #172c34;
}

.br-hero:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    height: 180px;
    opacity: .34;
    background:
        linear-gradient(165deg, transparent 0 32%, rgba(255,255,255,.055) 33% 34%, transparent 35%),
        repeating-linear-gradient(92deg, rgba(255,255,255,.025) 0 2px, transparent 2px 52px);
    transform: skewY(-4deg);
}

.br-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 72% 6%, rgba(255,255,255,.16), transparent 7%),
        radial-gradient(circle at 56% 18%, rgba(255,255,255,.09), transparent 10%),
        linear-gradient(0deg, rgba(37,139,24,.16), transparent 48%);
}

.br-hero-noise {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(90deg, transparent 49.5%, rgba(255,255,255,.04) 50%, transparent 50.5%);
    background-size: 190px 100%;
}

.br-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .94fr 1.16fr;
    gap: 34px;
    align-items: center;
    min-height: 355px;
    padding: 32px 0 30px;
}

.br-hero-copy {
    padding-left: 8px;
}

.br-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(40px, 4vw, 53px);
    line-height: .96;
    letter-spacing: -.7px;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0 2px 20px rgba(0,0,0,.3);
}

.br-hero-copy h1 em {
    display: inline-block;
    color: #dceebd;
    font-style: normal;
}

.br-hero-copy > p {
    margin: 20px 0 23px;
    max-width: 450px;
    color: #edf2f4;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
}

.br-hero-actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
}

.br-hero-btn {
    min-width: 146px;
    height: 68px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(12,29,37,.96), rgba(4,16,22,.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    transition: transform .16s ease, border-color .16s ease;
}

.br-hero-btn:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.4);
}

.br-hero-btn b {
    font-size: 20px;
    line-height: 1;
}

.br-hero-btn span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .2px;
}

.br-hero-btn small {
    font-family: "Rajdhani", Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #c9d0d4;
}

.br-hero-btn.is-primary {
    border-color: #45bd2c;
    background: linear-gradient(180deg, #4ec92f, #269d19);
    box-shadow: 0 6px 18px rgba(42,165,29,.23), inset 0 1px 0 rgba(255,255,255,.2);
}

.br-hero-btn.is-primary small {
    color: #f5fff2;
}

.br-featured-card {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(17,31,38,.94), rgba(7,17,22,.96));
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
}

.br-featured-title {
    height: 43px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.br-featured-title h2 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .3px;
}

.br-red-dot {
    width: 11px !important;
    height: 11px;
    display: inline-block;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--br-red);
    box-shadow: 0 0 13px rgba(240,25,31,.35);
}

.br-featured-list .br-match-row {
    min-height: 88px;
    color: #fff;
    border-color: rgba(255,255,255,.08);
    background: rgba(0,0,0,.13);
}

.br-featured-list .br-match-row:hover {
    background: rgba(255,255,255,.035);
}

.br-featured-list .br-match-center strong {
    color: #fff;
    font-size: 30px;
}

.br-featured-list .br-match-center small {
    color: #d9dfe2;
}

/* SECTION HEADS */
.br-section-title,
.br-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.br-section-title {
    min-height: 34px;
    margin-bottom: 10px;
}

.br-section-title > div,
.br-panel-head > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.br-section-title > div > span {
    font-size: 18px;
}

.br-section-title h2,
.br-panel-head h2 {
    margin: 0;
    color: #111;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .2px;
}

.br-section-title a,
.br-panel-head > a,
.br-panel-more {
    margin-left: auto;
    color: #218d18 !important;
    font-size: 12px;
    font-weight: 700;
}

/* CHANNELS */
.br-channels-section {
    padding-top: 22px;
}

.br-channel-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 7px;
}

.br-channel-card {
    min-height: 100px;
    padding: 12px 8px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid var(--br-border);
    border-radius: 7px;
    background: #fff;
    transition: .18s ease;
}

.br-channel-card:hover {
    transform: translateY(-2px);
    border-color: #bec5c9;
    box-shadow: 0 7px 20px rgba(0,0,0,.065);
}

.br-channel-mark {
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: Arial, sans-serif;
    white-space: nowrap;
}

.br-channel-card > span {
    font-size: 12px;
    font-weight: 700;
}

.br-brand-globo {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: conic-gradient(#f33,#f8d42d,#40d470,#1ba3ff,#7e4cff,#ff42a8,#f33);
}

.br-brand-globo i {
    width: 17px;
    height: 13px;
    border-radius: 3px;
    border: 4px solid #fff;
}

.br-channel-mark--globo > strong {
    font-size: 25px;
    color: #7745de;
    letter-spacing: -2px;
}

.br-brand-sportv {
    color: #13226e;
    font-size: 24px;
    font-style: italic;
    letter-spacing: -2px;
}

.br-brand-premiere {
    padding: 2px 7px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    background: #15972a;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}

.br-brand-espn {
    color: #ee3d32;
    font-size: 28px;
    font-style: italic;
    letter-spacing: -2px;
}

.br-brand-caze {
    font-size: 28px;
}

.br-brand-caze-word {
    color: #111;
    font-size: 16px;
}

.br-brand-band {
    color: #333;
    font-size: 16px;
    line-height: .85;
    text-align: center;
}

.br-brand-band b {
    color: #ee4c3e;
}

.br-brand-dazn {
    padding: 4px 8px;
    border: 3px solid #111;
    color: #111;
    font-size: 14px;
    line-height: .78;
    letter-spacing: 1px;
}

.br-brand-record {
    color: #7285d4;
    font-size: 37px;
    line-height: 1;
}

.br-channel-mark--record strong {
    color: #56699b;
    font-size: 11px;
}

/* MAIN GRID */
.br-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.78fr) minmax(330px, .98fr);
    gap: 20px;
    padding-top: 15px;
    align-items: start;
}

.br-main-column,
.br-side-column {
    display: flex;
    flex-direction: column;
    gap: 13px;
    min-width: 0;
}

.br-card-panel {
    overflow: hidden;
    border: 1px solid var(--br-border);
    border-radius: var(--br-radius);
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.025);
}

.br-panel-head {
    min-height: 46px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--br-border);
}

.br-count-pill {
    padding: 3px 10px;
    color: #208a22;
    border: 1px solid #d1ecd5;
    border-radius: 999px;
    background: #eaf6ec;
    font-size: 11px;
    font-weight: 700;
}

.br-panel-more {
    display: block;
    padding: 10px 13px;
    text-align: right;
    border-top: 1px solid var(--br-border);
}

.br-league-label {
    padding: 7px 13px 5px;
    color: #22272b;
    border-top: 1px solid #eef1f2;
    background: #fafafa;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .25px;
    text-transform: uppercase;
}

.br-league-label:first-child {
    border-top: 0;
}

/* MATCH ROWS: always reserve real space for BOTH home and away teams */
.br-match-row {
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 92px minmax(150px, 1fr) 76px;
    align-items: center;
    gap: 10px;
    padding: 9px 13px;
    border-top: 1px solid var(--br-border-soft);
    transition: .15s ease;
}

.br-match-row:hover {
    background: #fbfcfc;
}

.br-match-row--compact {
    min-height: 88px;
    grid-template-columns: minmax(135px,1fr) 85px minmax(135px,1fr) 76px;
    padding: 8px 11px;
}

.br-match-team {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #111;
    font-weight: 800;
}

.br-featured-list .br-match-team {
    color: #fff;
}

.br-match-team span:not(.br-logo-wrap) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.br-match-team--home {
    justify-content: flex-start;
}

.br-match-team--away {
    justify-content: flex-start;
}

.br-logo-wrap {
    position: relative;
    width: 38px;
    height: 38px;
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.br-logo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.br-logo-wrap i {
    display: none;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6dce0;
    border-radius: 50%;
    color: #4b5358;
    background: linear-gradient(#fff,#f3f5f6);
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.br-logo-wrap.is-broken i {
    display: inline-flex;
}

.br-featured-list .br-logo-wrap i {
    color: #fff;
    border-color: rgba(255,255,255,.24);
    background: rgba(255,255,255,.06);
}

.br-logo-wrap.is-small {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
}

.br-logo-wrap.is-small i {
    width: 22px;
    height: 22px;
    font-size: 8px;
}

.br-logo-wrap.is-popular {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
}

.br-logo-wrap.is-popular i {
    width: 50px;
    height: 50px;
    font-size: 14px;
}

.br-logo-wrap.is-watch {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
}

.br-match-center {
    min-width: 72px;
    text-align: center;
}

.br-match-center strong {
    display: block;
    color: #111;
    font-size: 28px;
    line-height: .95;
    font-weight: 900;
    white-space: nowrap;
}

.br-match-center strong b {
    font-size: 15px;
    font-weight: 700;
}

.br-match-center small {
    display: block;
    margin-top: 5px;
    color: var(--br-muted);
    font-size: 10px;
    font-weight: 700;
}

.br-match-center small.is-live {
    color: var(--br-red);
    font-weight: 900;
}

.br-match-action {
    justify-self: end;
    padding: 7px 9px;
    color: #fff;
    border-radius: 3px;
    background: #53585c;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.br-match-action.is-live {
    background: linear-gradient(#4aba2c,#2a9a1c);
    box-shadow: 0 2px 6px rgba(37,145,27,.18);
}

.br-empty {
    padding: 24px;
    color: var(--br-muted);
    text-align: center;
}

/* TODAY */
.br-date-strip {
    display: flex;
    justify-content: center;
    gap: 17px;
    padding: 11px 12px;
    border-bottom: 1px solid var(--br-border);
}

.br-date-strip a {
    min-width: 56px;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
}

.br-date-strip a.is-active {
    color: #fff;
    background: linear-gradient(#4cbd2e,#2b9d1c);
}

.br-date-strip b {
    font-size: 16px;
    line-height: 1;
}

.br-date-strip small {
    margin-top: 2px;
    font-size: 9px;
}

.br-schedule-row {
    min-height: 38px;
    display: grid;
    grid-template-columns: 54px minmax(155px,1fr) 20px minmax(155px,1fr) 82px;
    gap: 8px;
    align-items: center;
    padding: 4px 13px;
    border-top: 1px solid #eef1f2;
    font-size: 12px;
}

.br-schedule-row time {
    color: #303438;
}

.br-schedule-team {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.br-schedule-team b {
    min-width: 0;
    overflow: hidden;
    color: #171a1c;
    font-family: "Rajdhani", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.br-schedule-x {
    color: #777;
    text-align: center;
}

.br-schedule-row em {
    justify-self: end;
    color: #218e1b;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.br-green-calendar {
    color: #27a21b;
}

/* COMPETITIONS */
.br-competition-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    padding: 12px;
}

.br-competition-grid a {
    min-height: 67px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--br-border);
    border-radius: 6px;
    transition: .16s ease;
}

.br-competition-grid a:hover {
    border-color: #bfc6ca;
    box-shadow: 0 4px 13px rgba(0,0,0,.045);
}

.br-competition-logo {
    width: 38px;
    height: 38px;
    display: inline-flex !important;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
}

.br-competition-logo img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.br-competition-logo i {
    font-size: 23px;
    font-style: normal;
}

.br-competition-grid a > span:last-child {
    display: flex;
    flex-direction: column;
    color: #15191c;
    font-size: 13px;
    font-weight: 800;
}

.br-competition-grid small {
    margin-top: 3px;
    color: var(--br-muted);
    font-size: 10px;
    font-weight: 500;
}

/* STANDING */
.br-standing-select {
    width: calc(100% - 24px);
    min-height: 35px;
    margin: 10px 12px 6px;
    padding: 4px 9px;
    color: #222;
    border: 1px solid var(--br-border);
    border-radius: 5px;
    background: #fff;
    font-size: 12px;
}

.br-standing-wrap {
    position: relative;
    min-height: 245px;
}

.br-standing-wrap.is-loading:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.72);
}

.br-standing-head,
.br-standing-row {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr) 28px 32px 38px;
    gap: 5px;
    align-items: center;
    padding: 6px 12px;
}

.br-standing-head {
    color: #8a8f93;
    font-size: 9px;
    font-weight: 700;
}

.br-standing-row {
    min-height: 38px;
    border-top: 1px solid #f0f1f2;
    font-size: 11px;
}

.br-standing-row > span {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.br-standing-row img {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    object-fit: contain;
}

.br-standing-row em,
.br-standing-row i {
    color: #4b5054;
    font-style: normal;
}

/* POPULAR TEAMS */
.br-team-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px 5px;
    padding: 14px 11px 12px;
}

.br-team-grid a {
    min-width: 0;
    text-align: center;
}

.br-team-grid a .br-logo-wrap {
    margin: 0 auto 7px;
}

.br-team-grid a > b {
    display: block;
    overflow: hidden;
    color: #171a1c;
    font-family: "Rajdhani", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* WHERE TO WATCH */
.br-watch-row {
    min-height: 58px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) auto 12px;
    gap: 9px;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--br-border);
}

.br-watch-row:first-of-type {
    border-top: 0;
}

.br-watch-row > span:nth-child(2) {
    min-width: 0;
}

.br-watch-row b {
    display: block;
    overflow: hidden;
    color: #15181a;
    font-family: "Rajdhani", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.br-watch-row small {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--br-muted);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.br-watch-row em {
    max-width: 108px;
    color: #208b1b;
    font-family: "Barlow Condensed", Arial, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    text-align: right;
}

.br-watch-row > i {
    color: #2d9f25;
    font-style: normal;
}

/* NEWS */
.br-news-section {
    padding-top: 19px;
    padding-bottom: 20px;
}

.br-news-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr) 1.5fr;
    gap: 12px;
}

.br-news-card,
.br-brand-card {
    overflow: hidden;
    border: 1px solid var(--br-border);
    border-radius: 6px;
    background: #fff;
}

.br-news-image {
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.85);
    background:
        linear-gradient(135deg, rgba(10,30,37,.20), rgba(5,11,15,.78)),
        radial-gradient(circle at 35% 60%, #365a3d, #14252b 70%);
    font-size: 30px;
}

.br-news-card > div:last-child {
    padding: 9px;
}

.br-news-card small {
    color: #23931d;
    font-size: 8px;
    font-weight: 900;
}

.br-news-card h3 {
    margin: 5px 0 4px;
    color: #16191b;
    font-size: 12px;
    line-height: 1.26;
}

.br-news-card p {
    margin: 0;
    color: var(--br-muted);
    font-size: 9px;
}

.br-brand-card {
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    background: linear-gradient(145deg,#0e1a21,#020507);
}

.br-brand-card > strong {
    color: #fff;
    font-size: 27px;
    font-style: italic;
    letter-spacing: -.6px;
}

.br-brand-card > strong span {
    color: #67bd32;
}

.br-brand-card sup {
    font-size: 9px;
}

.br-brand-card > small {
    margin-top: 4px;
    color: #d7dcde;
    font-size: 9px;
    font-weight: 700;
}

.br-brand-card p {
    margin: 15px 0;
    color: #e5eaed;
    font-size: 12px;
    line-height: 1.48;
}

.br-social-dots {
    font-size: 18px;
    letter-spacing: 7px;
}

/* SEO */
.br-seo-section {
    padding: 27px 0 38px;
    border-top: 1px solid #eef0f1;
}

.br-seo-section > h2 {
    margin: 0 0 14px;
    color: #15181a;
    font-size: 22px;
}

.br-seo-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.br-seo-grid h3 {
    margin: 0 0 6px;
    color: #171a1c;
    font-size: 15px;
}

.br-seo-grid p {
    margin: 0;
    color: #555d62;
    font-size: 12px;
    line-height: 1.6;
}

/* Flatsome hard overrides inside shortcode */
.br-live-root .row,
.br-live-root .col,
.br-live-root p,
.br-live-root h1,
.br-live-root h2,
.br-live-root h3 {
    max-width: none;
}

@media (max-width: 1100px) {
    .br-shell {
        width: min(100% - 30px, var(--br-shell));
    }

    .br-main-grid {
        grid-template-columns: minmax(0,1.55fr) minmax(310px,.9fr);
        gap: 14px;
    }

    .br-match-row,
    .br-match-row--compact {
        grid-template-columns: minmax(120px,1fr) 80px minmax(120px,1fr) 70px;
    }
}

@media (max-width: 920px) {
    .br-hero-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .br-hero-copy {
        padding-left: 0;
    }

    .br-channel-grid {
        grid-template-columns: repeat(4,1fr);
    }

    .br-main-grid {
        grid-template-columns: 1fr;
    }

    .br-side-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .br-watch-card {
        grid-column: 1 / -1;
    }

    .br-news-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .br-brand-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .br-live-root {
        font-size: 13px;
    }

    .br-shell {
        width: min(100% - 18px, var(--br-shell));
    }

    .br-hero-grid {
        min-height: auto;
        padding: 24px 0 18px;
    }

    .br-hero-copy h1 {
        font-size: 35px;
    }

    .br-hero-copy > p {
        font-size: 14px;
    }

    .br-hero-actions {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 6px;
    }

    .br-hero-btn {
        min-width: 0;
        height: 52px;
        padding: 8px;
    }

    .br-hero-btn b,
    .br-hero-btn small {
        display: none;
    }

    .br-hero-btn span {
        font-size: 11px;
    }

    .br-featured-card {
        border-radius: 7px;
    }

    .br-featured-list .br-match-row {
        min-height: 79px;
    }

    .br-channel-grid {
        grid-template-columns: repeat(4,1fr);
    }

    .br-channel-card {
        min-height: 82px;
        padding: 8px 4px;
    }

    .br-channel-mark {
        transform: scale(.78);
    }

    .br-main-grid {
        width: 100%;
        padding-left: 9px;
        padding-right: 9px;
    }

    .br-side-column {
        display: flex;
    }

    .br-match-row,
    .br-match-row--compact {
        grid-template-columns: minmax(0,1fr) 66px minmax(0,1fr);
        gap: 5px;
        padding: 8px;
    }

    .br-match-action {
        display: none;
    }

    .br-match-team {
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        text-align: center;
    }

    .br-match-team span:not(.br-logo-wrap) {
        width: 100%;
        font-size: 10px;
    }

    .br-logo-wrap {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }

    .br-match-center strong {
        font-size: 22px;
    }

    .br-date-strip {
        gap: 5px;
    }

    .br-schedule-row {
        grid-template-columns: 42px minmax(0,1fr) 12px minmax(0,1fr);
    }

    .br-schedule-row em {
        display: none;
    }

    .br-competition-grid {
        grid-template-columns: 1fr 1fr;
    }

    .br-news-grid {
        grid-template-columns: 1fr 1fr;
    }

    .br-seo-grid {
        grid-template-columns: 1fr;
    }

    .br-section-title a {
        font-size: 10px;
    }
}


/* =========================================================
   V3.1 ALIGNMENT FIX
   The home team was not missing. It was left-aligned inside
   a wide flexible column, which visually created a large
   empty area before the score/X. Keep league as a group
   header and pull the home team toward the center.
   ========================================================= */

.br-match-row {
    grid-template-columns:
        minmax(0, 1fr)
        96px
        minmax(0, 1fr)
        78px;
    column-gap: 12px;
}

.br-match-row--compact {
    grid-template-columns:
        minmax(0, 1fr)
        90px
        minmax(0, 1fr)
        78px;
}

/* Home side sits next to the score instead of hugging the far left. */
.br-match-team--home {
    justify-content: flex-end;
    text-align: right;
}

/* Away side stays naturally on the right of the score. */
.br-match-team--away {
    justify-content: flex-start;
    text-align: left;
}

/* Make the team block compact so it doesn't visually become a giant empty box. */
.br-match-team {
    width: auto;
    max-width: 100%;
}

.br-match-team--home span:not(.br-logo-wrap),
.br-match-team--away span:not(.br-logo-wrap) {
    max-width: 165px;
}

/* Featured card needs tighter team names due to the darker compact layout. */
.br-featured-list .br-match-team--home span:not(.br-logo-wrap),
.br-featured-list .br-match-team--away span:not(.br-logo-wrap) {
    max-width: 125px;
}

/* Today's matches: same idea — home team is pulled toward the X. */
.br-schedule-row {
    grid-template-columns:
        56px
        minmax(0, 1fr)
        24px
        minmax(0, 1fr)
        86px;
    column-gap: 10px;
}

.br-schedule-row > .br-schedule-team:nth-child(2) {
    justify-content: flex-end;
    text-align: right;
}

.br-schedule-row > .br-schedule-team:nth-child(4) {
    justify-content: flex-start;
    text-align: left;
}

.br-schedule-row > .br-schedule-team:nth-child(2) b,
.br-schedule-row > .br-schedule-team:nth-child(4) b {
    max-width: 190px;
}

/* Keep logos close to their names and the center matchup axis. */
.br-schedule-row > .br-schedule-team:nth-child(2) .br-logo-wrap {
    order: 0;
}

.br-schedule-x {
    font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #8b9298;
}

/* Live rows in the left card should visually mirror the mockup. */
.br-live-groups .br-match-row {
    min-height: 78px;
    padding-left: 16px;
    padding-right: 12px;
}

/* League belongs in the league strip, not in the home-team column. */
.br-live-groups .br-league-label,
.br-schedule-list .br-league-label {
    min-height: 25px;
    display: flex;
    align-items: center;
    padding-left: 14px;
    font-size: 10px;
    letter-spacing: .35px;
}

/* Better balance on wide desktop screens. */
@media (min-width: 1180px) {
    .br-match-row {
        grid-template-columns:
            minmax(180px, 1fr)
            98px
            minmax(180px, 1fr)
            80px;
    }

    .br-match-team--home span:not(.br-logo-wrap),
    .br-match-team--away span:not(.br-logo-wrap) {
        max-width: 180px;
    }

    .br-schedule-row {
        grid-template-columns:
            58px
            minmax(190px, 1fr)
            24px
            minmax(190px, 1fr)
            88px;
    }
}

@media (max-width: 640px) {
    .br-match-row,
    .br-match-row--compact {
        grid-template-columns:
            minmax(0, 1fr)
            66px
            minmax(0, 1fr);
        column-gap: 6px;
    }

    .br-match-team--home,
    .br-match-team--away {
        justify-content: center;
        text-align: center;
    }

    .br-schedule-row {
        grid-template-columns:
            42px
            minmax(0, 1fr)
            14px
            minmax(0, 1fr);
        column-gap: 6px;
    }

    .br-schedule-row > .br-schedule-team:nth-child(2),
    .br-schedule-row > .br-schedule-team:nth-child(4) {
        justify-content: flex-start;
        text-align: left;
    }
}

/* =========================================================
   JOGOS DE HOJE — TEAM ALIGNMENT
   20:00 | Botafogo [logo] | x | [logo] Athletico | ESPN
   ========================================================= */

.br-schedule-row{
    display:grid;

    grid-template-columns:
        58px
        minmax(0,1fr)
        68px
        minmax(0,1fr)
        74px;

    align-items:center;

    min-height:52px;

    padding:0 14px;

    column-gap:8px;

    border-bottom:1px solid #e8ebed;
}


/* 时间 / 分钟 */

.br-schedule-status{
    justify-self:start;

    color:#334047;

    font-size:12px;
    font-style:normal;
    font-weight:700;
}

.br-schedule-row.is-live
.br-schedule-status{
    color:#e92731;
    font-weight:900;
}


/* =========================================================
   TEAM COMMON
   ========================================================= */

.br-schedule-team{
    display:flex;

    min-width:0;

    align-items:center;

    gap:8px;
}


.br-schedule-team b{
    min-width:0;

    overflow:hidden;

    color:#111619;

    font-size:13px;
    font-weight:800;

    line-height:1.1;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/* =========================================================
   HOME

   HTML:
   [logo] Botafogo

   CSS 翻过来：
   Botafogo [logo]
   ========================================================= */

.br-schedule-team.is-home{
    flex-direction:row-reverse;

    justify-content:flex-start;

    text-align:right;
}


/*
 * 整个主队区域靠中间
 */
.br-schedule-team.is-home{
    justify-self:end;
}


/* =========================================================
   AWAY

   保持：
   [logo] Athletico
   ========================================================= */

.br-schedule-team.is-away{
    flex-direction:row;

    justify-content:flex-start;

    justify-self:start;

    text-align:left;
}


/* =========================================================
   LOGO
   ========================================================= */

.br-schedule-team
.br-logo-wrap.is-small{
    width:25px;
    height:25px;

    flex:0 0 25px;
}


.br-schedule-team
.br-logo-wrap.is-small img{
    width:100%;
    height:100%;

    display:block;

    object-fit:contain;
}


/* =========================================================
   X / SCORE
   ========================================================= */

.br-schedule-score{
    display:flex;

    min-width:0;

    align-items:center;
    justify-content:center;

    gap:6px;

    color:#111619;

    text-align:center;
}


.br-schedule-score i{
    color:#8a9297;

    font-size:11px;
    font-style:normal;
    font-weight:800;

    text-transform:lowercase;
}


.br-schedule-score strong{
    min-width:17px;

    color:#111619;

    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        sans-serif;

    font-size:18px;
    font-weight:900;

    line-height:1;

    text-align:center;
}


/* =========================================================
   CHANNEL
   ========================================================= */

.br-schedule-channel{
    justify-self:end;

    color:#05a800;

    font-size:10px;
    font-style:normal;
    font-weight:900;

    text-align:right;
    text-transform:uppercase;

    white-space:nowrap;
}

@media(max-width:760px){

    .br-schedule-row{
        grid-template-columns:
            39px
            minmax(0,1fr)
            50px
            minmax(0,1fr)
            42px;

        min-height:48px;

        padding:0 7px;

        column-gap:4px;
    }


    .br-schedule-team{
        gap:4px;
    }


    .br-schedule-team b{
        font-size:10px;
    }


    .br-schedule-team
    .br-logo-wrap.is-small{
        width:20px;
        height:20px;

        flex-basis:20px;
    }


    .br-schedule-score{
        gap:3px;
    }


    .br-schedule-score strong{
        font-size:15px;
    }


    .br-schedule-score i{
        font-size:9px;
    }


    .br-schedule-status{
        font-size:9px;
    }


    .br-schedule-channel{
        max-width:42px;

        overflow:hidden;

        font-size:8px;

        text-overflow:ellipsis;
    }

}

/* =========================================================
   MATCH HERO — MOBILE FIX
   ========================================================= */

@media (max-width:760px){

    .mc-match-hero{
        overflow:hidden;
        border-radius:12px;
    }


    /* 比赛元信息 */
    .mc-match-meta{
        position:relative;
        z-index:1;

        padding:
            14px
            12px
            8px;

        text-align:center;
    }

    .mc-match-meta strong{
        display:block;

        font-size:14px;
        line-height:1.15;
    }

    .mc-match-meta > span{
        display:block;

        margin-top:5px;

        overflow:hidden;

        font-size:9px;
        line-height:1.25;

        text-overflow:ellipsis;
        white-space:nowrap;
    }


    /* =========================================
       SCORE
       ========================================= */

    .mc-score-layout{
        display:grid;

        grid-template-columns:
            minmax(0,1fr)
            92px
            minmax(0,1fr);

        align-items:start;

        width:100%;

        min-height:176px;

        padding:
            10px
            10px
            16px;

        column-gap:5px;
    }


    /* 两队 */
    .mc-score-team{
        min-width:0;

        display:flex;
        flex-direction:column;

        align-items:center;

        text-align:center;
    }


    .mc-score-team > a{
        width:100%;

        display:flex !important;
        flex-direction:column !important;

        align-items:center !important;
        justify-content:flex-start !important;

        gap:5px !important;

        text-align:center;
    }


    /* 客队不要桌面端反向 */
    .mc-score-team.is-away > a{
        flex-direction:column !important;
    }


    /* logo */
    .mc-score-team .mc-team-logo,
    .mc-score-team .mc-team-logo.is-hero{
        width:66px !important;
        height:66px !important;

        flex:
            0
            0
            66px !important;

        margin:0 auto;

        padding:0 !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .mc-score-team .mc-team-logo img,
    .mc-score-team .mc-team-logo.is-hero img{
        width:100% !important;
        height:100% !important;

        object-fit:contain;
    }


    /* 队名 */
    .mc-score-team > a > span{
        width:100%;
        min-width:0;
    }

    .mc-score-team > a > span > strong{
        display:block;

        width:100%;

        overflow:hidden;

        color:#111619;

        font-size:17px;
        font-weight:900;
        line-height:1.05;

        text-align:center;

        text-overflow:ellipsis;
        white-space:nowrap;
    }


    .mc-score-team > a > span > small{
        display:block;

        margin-top:3px;

        color:#697177;

        font-size:9px;
        line-height:1;
    }


    /* =========================================
       SCORE CENTER
       ========================================= */

    .mc-score-center{
        position:relative;

        z-index:3;

        width:92px;

        display:flex;
        flex-direction:column;

        align-items:center;
        justify-content:flex-start;

        padding-top:7px;

        text-align:center;
    }


    .mc-status-pill{
        min-width:58px;

        margin-bottom:7px;

        padding:
            5px
            8px;

        font-size:9px;
        line-height:1;
    }


    .mc-score-number{
        display:flex;

        align-items:center;
        justify-content:center;

        gap:9px;

        width:100%;
    }


    .mc-score-number b{
        min-width:25px;

        font-size:42px;
        font-weight:900;
        line-height:.95;

        text-align:center;
    }


    .mc-score-number span{
        color:#313a3e;

        font-size:18px;
        font-weight:900;
    }


    .mc-live-minute{
        display:block;

        min-height:20px;

        margin-top:8px;

        color:#ef1726;

        font-size:18px;
        font-weight:900;
        line-height:1;
    }


    /* =========================================
       GOAL LIST
       不允许把整个 Hero 撑炸
       ========================================= */

    .mc-score-team .mc-goal-list{
        width:100%;

        margin-top:7px;

        font-size:9px;
        line-height:1.25;

        text-align:center;
    }

    .mc-score-team .mc-goal-list > *{
        max-width:100%;

        overflow:hidden;

        text-overflow:ellipsis;
        white-space:nowrap;
    }


    /* =========================================
       ACTIONS
       ========================================= */

    .mc-match-actions{
        display:grid;

        grid-template-columns:
            minmax(0,1fr)
            44px;

        gap:9px;

        width:100%;

        padding:
            0
            10px
            16px;
    }

    .mc-match-actions .mc-btn.is-primary{
        width:100%;
    }

    .mc-match-actions [data-favorite]{
        display:none;
    }

    .mc-match-actions .mc-btn.is-icon{
        width:44px;
        min-width:44px;
    }

}


/* =========================================================
   MATCH ACTIONS — MOBILE FAVORITE
   Desktop:
       LIVE | FAVORITE | SHARE

   Mobile:
       LIVE | FAVORITE

   Share is removed on mobile.
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Hide share button on mobile.
     */
    .mc-match-actions [data-share] {
        display: none !important;
    }


    /*
     * Restore favorite button on mobile.
     * Previous mobile CSS hides this button.
     */
    .mc-match-actions [data-favorite] {
        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        flex: 0 0 auto;

        min-width: 44px;
        height: 44px;

        padding: 0 13px;

        border-radius: 12px;
    }


    /*
     * Live button uses remaining width.
     */
    .mc-match-actions .mc-btn.is-primary {
        flex: 1 1 auto;
        min-width: 0;
    }


    /*
     * Keep actions in one row.
     */
    .mc-match-actions {
        display: flex !important;

        align-items: center;

        gap: 8px;

        width: 100%;
    }

}


/* =========================================================
   MATCH ACTIONS MOBILE — PERFECT ALIGNMENT
   ========================================================= */

@media (max-width: 767px) {

    .mc-match-actions {
        display: flex !important;
        align-items: stretch !important;

        gap: 9px;

        width: 100%;

        margin: 0 !important;
    }


    /*
     * Both buttons use exactly the same height / vertical position.
     */
    .mc-match-actions .mc-btn {
        height: 44px !important;
        min-height: 44px !important;

        margin: 0 !important;

        box-sizing: border-box;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        line-height: 1 !important;
    }


    /*
     * LIVE
     */
    .mc-match-actions .mc-btn.is-primary {
        flex: 1 1 auto;

        width: auto;
        min-width: 0;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    /*
     * FAVORITE
     */
    .mc-match-actions [data-favorite] {
        flex: 0 0 auto;

        width: 95px;
        min-width: 95px;

        padding: 0 10px !important;

        white-space: nowrap;
    }


    /*
     * No share on mobile.
     */
    .mc-match-actions [data-share] {
        display: none !important;
    }

}


/* =========================================================
   MOBILE MATCH ACTIONS — 5PX RADIUS
   ========================================================= */

@media (max-width: 767px) {

    .mc-match-actions .mc-btn.is-primary,
    .mc-match-actions [data-favorite] {
        border-radius: 5px !important;
    }

}

/* =========================================================
   VERIFIED STREAM UI — FINAL CLEAN VERSION
   ========================================================= */


/* =========================================================
   GLOBAL STREAM ICON
   ========================================================= */

.br-stream-icon{
    width:22px;
    height:22px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 22px;

    color:#16a82e;

    line-height:1;
}

.br-stream-icon svg{
    display:block;

    width:20px;
    height:20px;

    overflow:visible;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.br-stream-icon-play{
    fill:currentColor;
    stroke:none;
}

.br-stream-icon-antenna{
    fill:none;
}


/* =========================================================
   DARK FEATURED MATCHES
   icon + TRANSMISSÃO centered below score/time
   ========================================================= */

.br-featured-list
.br-match-row--compact{
    position:relative;
}


/*
 * Mobile currently uses only 3 visible columns:
 *
 * home | center | away
 *
 * Action therefore becomes a second-row centered item.
 */
.br-featured-list
.br-match-row--compact
.br-match-action:has(.br-stream-icon){
    width:auto;
    min-width:max-content;
    height:24px;

    display:inline-flex !important;

    align-items:center;
    justify-content:center;

    gap:5px;

    padding:0;
    margin:0;

    border:0;

    background:transparent !important;

    color:#19b934;
}


/* label requested by user */

.br-featured-list
.br-match-row--compact
.br-match-action:has(.br-stream-icon)::after{
    content:"TRANSMISSÃO";

    color:#20c43b;

    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;

    font-size:10px;
    font-weight:900;

    line-height:1;

    letter-spacing:.25px;

    white-space:nowrap;
}


.br-featured-list
.br-match-row--compact
.br-match-action:has(.br-stream-icon)
.br-stream-icon{
    width:19px;
    height:19px;

    flex-basis:19px;
}


.br-featured-list
.br-match-row--compact
.br-match-action:has(.br-stream-icon)
.br-stream-icon svg{
    width:18px;
    height:18px;
}


/* Desktop featured keeps action in fourth column */

@media(min-width:641px){

    .br-featured-list
    .br-match-row--compact
    .br-match-action:has(.br-stream-icon){
        justify-self:center;
    }

}


/* Mobile featured:
   HOME | SCORE | AWAY
          TV + TRANSMISSÃO
*/

@media(max-width:640px){

    .br-featured-list
    .br-match-row--compact{
        grid-template-columns:
            minmax(0,1fr)
            78px
            minmax(0,1fr) !important;

        grid-template-rows:
            auto
            24px;

        row-gap:2px;

        min-height:98px;
    }


    .br-featured-list
    .br-match-row--compact
    .br-match-team--home{
        grid-column:1;
        grid-row:1;
    }


    .br-featured-list
    .br-match-row--compact
    .br-match-center{
        grid-column:2;
        grid-row:1;
    }


    .br-featured-list
    .br-match-row--compact
    .br-match-team--away{
        grid-column:3;
        grid-row:1;
    }


    .br-featured-list
    .br-match-row--compact
    .br-match-action:has(.br-stream-icon){
        grid-column:2;
        grid-row:2;

        justify-self:center;
        align-self:start;
    }

}


/* =========================================================
   JOGOS DE HOJE / FUTEBOL AO VIVO
   status | home | score | away | stream
   ========================================================= */

.br-schedule-stream{
    grid-column:5;

    width:100%;
    min-width:0;

    display:flex;
    align-items:center;
    justify-content:flex-end;

    justify-self:end;
    align-self:center;
}


.br-schedule-row
.br-stream-icon{
    transition:
        transform .15s ease,
        color .15s ease;
}


.br-schedule-row:hover
.br-stream-icon{
    color:#118d26;
    transform:scale(1.05);
}


/* =========================================================
   MOBILE SCHEDULE — SINGLE SOURCE OF TRUTH
   ========================================================= */

@media(max-width:640px){

    /*
     * status | home | score | away | TV
     */
    .br-schedule-row{
        grid-template-columns:
            42px
            minmax(0,1fr)
            56px
            minmax(0,1fr)
            32px !important;

        min-height:52px;

        padding:
            0
            7px !important;

        column-gap:
            4px !important;

        align-items:center;
    }


    /* Explicit placement */

    .br-schedule-row
    > .br-schedule-status{
        grid-column:1;
        grid-row:1;

        min-width:0;

        overflow:hidden;

        font-size:9px !important;
        font-weight:700;

        text-overflow:ellipsis;
        white-space:nowrap;
    }


    .br-schedule-row
    > .br-schedule-team.is-home{
        grid-column:2;
        grid-row:1;

        flex-direction:row-reverse;

        justify-self:end;
        justify-content:flex-start;

        text-align:right;
    }


    .br-schedule-row
    > .br-schedule-score{
        grid-column:3;
        grid-row:1;

        width:56px;
        min-width:56px;

        display:flex;

        align-items:center;
        justify-content:center;

        gap:4px;

        white-space:nowrap;
    }


    .br-schedule-row
    > .br-schedule-team.is-away{
        grid-column:4;
        grid-row:1;

        flex-direction:row;

        justify-self:start;
        justify-content:flex-start;

        text-align:left;
    }


    .br-schedule-row
    > .br-schedule-stream{
        grid-column:5;
        grid-row:1;

        width:32px;
        min-width:32px;

        display:flex;

        align-items:center;
        justify-content:center;

        justify-self:end;
        align-self:center;
    }


    /* Team text */

    .br-schedule-team{
        min-width:0;

        gap:4px !important;
    }


    .br-schedule-team b{
        min-width:0;
        max-width:94px;

        overflow:hidden;

        color:#101316;

        font-size:10px !important;
        font-weight:800;

        line-height:1.05;

        text-overflow:ellipsis;
        white-space:nowrap;
    }


    /* Logos */

    .br-schedule-team
    .br-logo-wrap.is-small{
        width:21px !important;
        height:21px !important;

        flex:
            0
            0
            21px !important;
    }


    /* Score */

    .br-schedule-score strong{
        min-width:12px;

        display:inline-block;

        color:#111619;

        font-size:16px !important;
        font-weight:900;

        line-height:1;

        text-align:center;
    }


    .br-schedule-score i{
        color:#8a9297;

        font-size:9px !important;
        font-style:normal;
        font-weight:700;

        line-height:1;
    }


    /* Stream */

    .br-schedule-stream
    .br-stream-icon{
        width:22px;
        height:22px;
    }


    .br-schedule-stream
    .br-stream-icon svg{
        width:20px;
        height:20px;
    }


    /*
     * Matches without a stream:
     * channel remains in last column.
     */
    .br-schedule-channel{
        grid-column:5;
        grid-row:1;

        width:32px;
        max-width:32px;

        justify-self:end;

        overflow:hidden;

        color:#168c1c;

        font-size:7px !important;
        font-weight:900;

        text-align:right;

        text-overflow:ellipsis;
        white-space:nowrap;
    }

}


/* Wider phones */

@media(min-width:390px) and (max-width:640px){

    .br-schedule-row{
        grid-template-columns:
            43px
            minmax(0,1fr)
            58px
            minmax(0,1fr)
            34px !important;

        column-gap:5px !important;
    }


    .br-schedule-row
    > .br-schedule-score{
        width:58px;
        min-width:58px;
    }


    .br-schedule-team b{
        max-width:105px;
    }


    .br-schedule-row
    > .br-schedule-stream{
        width:34px;
        min-width:34px;
    }

}


/* Very small phones */

@media(max-width:360px){

    .br-schedule-row{
        grid-template-columns:
            38px
            minmax(0,1fr)
            52px
            minmax(0,1fr)
            28px !important;

        column-gap:3px !important;
    }


    .br-schedule-row
    > .br-schedule-score{
        width:52px;
        min-width:52px;
    }


    .br-schedule-team b{
        max-width:78px;
    }


    .br-schedule-row
    > .br-schedule-stream{
        width:28px;
        min-width:28px;
    }

}



/* =========================================================
   FUTEBOL AO VIVO AGORA — STREAM ICON ONLY
   ========================================================= */

.br-live-groups
.br-match-row
.br-match-action{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* No stream = visually empty */
.br-live-groups
.br-match-row
.br-match-action:not(.has-stream){
    visibility:hidden;
}


/* Stream = TV SVG only */
.br-live-groups
.br-match-row
.br-match-action.has-stream{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    color:#16a82e !important;
}


.br-live-groups
.br-match-row
.br-match-action.has-stream
.br-stream-icon{
    width:24px !important;
    height:24px !important;
}


.br-live-groups
.br-match-row
.br-match-action.has-stream
.br-stream-icon svg{
    width:22px !important;
    height:22px !important;
}


/* MOBILE:
   home | score | away | TV
*/
@media(max-width:640px){

    .br-live-groups
    .br-match-row{
        grid-template-columns:
            minmax(0,1fr)
            66px
            minmax(0,1fr)
            34px !important;

        grid-template-rows:1fr !important;

        min-height:78px !important;

        column-gap:4px !important;
        row-gap:0 !important;
    }


    .br-live-groups
    .br-match-row
    .br-match-team--home{
        grid-column:1 !important;
        grid-row:1 !important;
    }


    .br-live-groups
    .br-match-row
    .br-match-center{
        grid-column:2 !important;
        grid-row:1 !important;
    }


    .br-live-groups
    .br-match-row
    .br-match-team--away{
        grid-column:3 !important;
        grid-row:1 !important;
    }


    .br-live-groups
    .br-match-row
    .br-match-action{
        grid-column:4 !important;
        grid-row:1 !important;

        justify-self:end !important;
        align-self:center !important;
    }

}


/* =========================================================
 * HOME STANDING
 * Visual order:
 * # | TIME | J | SG | P
 * ========================================================= */

.br-standing-head > :nth-child(4),
.br-standing-row > :nth-child(4) {
    order: 5;
}

.br-standing-head > :nth-child(5),
.br-standing-row > :nth-child(5) {
    order: 4;
}