/* =========================================================
   TIP724 — SINGLE MATCH / TIPS PAGE
   ========================================================= */

.tips-match-page {
    background: #f4f7fb;
    color: #15283c;
}


.tips-page-container-container {
    width: min(1160px, calc(100% - 32px));
    margin: 0 auto;
}

/* HERO */

.tips-match-hero {
    position: relative;
    overflow: hidden;
    padding: 20px 0px;
    color: #fff;
}

.tips-match-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .55;
    background:
        linear-gradient(90deg, transparent 49.8%, rgba(93, 220, 184, .09) 50%, transparent 50.2%),
        radial-gradient(circle at 15% 100%, rgba(24, 141, 209, .12), transparent 30%),
        radial-gradient(circle at 90% 100%, rgba(51, 221, 173, .10), transparent 30%);
}

.tips-breadcrumb {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, .52);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tips-competition {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
    color: #9bcbe9;
    font-size: 12px;
    font-weight: 700;
}

.tips-competition strong {
    color: #fff;
}

.tips-competition i {
    color: #42ddb0;
    font-style: normal;
}

.tips-match-score {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 130px 1fr;
    gap: 20px;
    align-items: center;
}

.tips-team {
    min-width: 0;
}

.tips-team-home {
    text-align: right;
}

.tips-team-away {
    text-align: left;
}

.tips-team small {
    display: block;
    margin-bottom: 7px;
    color: #43ddb0;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
}

.tips-title h1 {
    margin: 0;
    color: #18b77a;
    font-size: clamp(12px, 5vw, 16px);
    line-height: 1.05;
    font-weight: 100;
    overflow-wrap: anywhere;
    letter-spacing: 0.2px;
    text-align: center;
    padding-top: 15px;
}

.tips-kickoff {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, .12);
    border-right: 1px solid rgba(255, 255, 255, .12);
}

.kickoff-icon {
    color: #42ddb0;
    font-size: 23px;
    line-height: 1;
}

.tips-kickoff small {
    margin-top: 6px;
    color: rgba(255, 255, 255, .48);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
}

.tips-kickoff strong {
    margin-top: 3px;
    color: #fff;
    font-size: 26px;
    line-height: 1;
}

.tips-kickoff span {
    margin-top: 10px;
    color: #6d9ab7;
    font-size: 14px;
    font-weight: 900;
}

.match-live-label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 27px;
    color: rgba(255, 255, 255, .56);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.match-live-label span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #43ddb0;
    box-shadow: 0 0 0 4px rgba(67, 221, 176, .10);
}

/* CONTENT */

.tips-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 18px;
}

.tips-kicker {
    color: #087fc1;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.tips-section-heading h2,
.info-panel-title h2,
.seo-content h2,
.match-faq h2 {
    margin: 5px 0 0;
    color: #112940;
    font-size: 25px;
    line-height: 1.15;
    font-weight: 950;
}

.market-total {
    padding: 7px 12px;
    border: 1px solid #d9e4ed;
    border-radius: 999px;
    background: #fff;
    color: #64798b;
    font-size: 10px;
    font-weight: 900;
}

/* PREDICTION CARDS */

.tips-prediction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tips-prediction-card {
    position: relative;
    min-height: 190px;
    overflow: hidden;
    padding: 19px;
    border: 1px solid #dce6ee;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(9, 39, 64, .055);
}

.tips-prediction-card::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -80px;
    bottom: -90px;
    border-radius: 50%;
    background: rgba(16, 139, 205, .07);
}

.tips-prediction-card-head {
    display: flex;
    align-items: center;
    gap: 11px;
}

.tips-prediction-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #eaf5fc;
    color: #087fc1;
    font-size: 10px;
    font-weight: 950;
}

.prediction-label {
    display: block;
    color: #8294a4;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.tips-prediction-card h3 {
    margin: 3px 0 0;
    color: #173049;
    font-size: 15px;
    font-weight: 900;
}

.tips-prediction-value {
    margin-top: 26px;
}

.tips-prediction-value small {
    display: block;
    color: #8294a4;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.tips-prediction-value strong {
    display: block;
    margin-top: 3px;
    color: #0b70af;
    font-size: 25px;
    line-height: 1.15;
    font-weight: 950;
}

.prediction-odd {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 7px;
    z-index: 2;
}

.prediction-odd span {
    color: #8a9ba9;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .1em;
}

.prediction-odd b {
    padding: 6px 9px;
    border-radius: 8px;
    background: #0a6ea9;
    color: #fff;
    font-size: 11px;
}

/* INFO */

.match-info-panel {
    margin-top: 18px;
    padding: 22px;
    border: 1px solid #dce6ee;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(9, 39, 64, .045);
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 19px;
    border-top: 1px solid #e7edf2;
}

.info-grid>div {
    padding: 15px 14px 2px;
    border-right: 1px solid #e7edf2;
}

.info-grid>div:last-child {
    border-right: 0;
}

.info-grid span {
    display: block;
    color: #8394a2;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.info-grid strong {
    display: block;
    margin-top: 5px;
    color: #203a53;
    font-size: 13px;
}

/* SEO */

.seo-content,
.match-faq {
    margin-top: 18px;
    padding: 24px;
    border-radius: 18px;
    background: #eaf3f8;
}

.seo-content p,
.match-faq p {
    max-width: 900px;
    margin: 10px 0 0;
    color: #5c7183;
    font-size: 13px;
    line-height: 1.75;
}

.seo-content a {
    color: #087fc1;
    font-weight: 900;
    text-decoration: none;
}

.featured-tip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 15px 17px;
    border: 1px solid #cfe0eb;
    border-radius: 13px;
    background: #fff;
}

.featured-tip span {
    display: block;
    color: #087fc1;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.featured-tip strong {
    display: block;
    margin-top: 3px;
    color: #173049;
    font-size: 13px;
}

.featured-tip>b {
    padding: 8px 12px;
    border-radius: 9px;
    background: #0a6ea9;
    color: #fff;
    font-size: 14px;
}

.match-faq {
    background: #fff;
    border: 1px solid #dce6ee;
}

.match-faq details {
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px solid #e2eaf0;
    border-radius: 12px;
    background: #f8fafc;
}

.match-faq summary {
    cursor: pointer;
    color: #18324b;
    font-size: 13px;
    font-weight: 900;
}

.match-faq details p {
    margin-top: 9px;
}

/* MOBILE */

@media (max-width:760px) {

    .tips-page-container-container {
        width: min(100% - 20px, 1160px);
    }

    .tips-match-hero {
        padding: 20px 0 29px;
    }

    .tips-breadcrumb {
        font-size: 8px;
    }

    .tips-competition {
        margin-bottom: 22px;
        font-size: 10px;
    }

    .tips-match-score {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tips-team-home{
        text-align: center;
        order:1;
    }

    .tips-team-away {
        text-align: center;
        order:3;
    }

    .tips-kickoff {
        min-height: 82px;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, .10);
        border-bottom: 1px solid rgba(255, 255, 255, .10);
        order: 2;
    }

    .tips-kickoff span {
        font-size: 10px;
    }

    .tips-section-heading {
        align-items: center;
    }

    .tips-section-heading h2 {
        font-size: 21px;
    }

    .tips-prediction-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .tips-prediction-card {
        min-height: 170px;
    }

    .info-grid {
        grid-template-columns: 1fr;
    }

    .info-grid>div {
        padding: 13px 0;
        border-right: 0;
        border-bottom: 1px solid #e7edf2;
    }

    .info-grid>div:last-child {
        border-bottom: 0;
    }

    .seo-content,
    .match-faq,
    .match-info-panel {
        padding: 19px;
    }

    .featured-tip {
        align-items: flex-start;
    }
}


/* Current tips.php markup compatibility */
.tips-match-page {
    background: #f5f8fc;
    color: #13243b;
    min-height: calc(100vh - 70px)
}

.tips-page-container {
    width: min(1160px, calc(100% - 28px));
    margin: 0 auto
}

.tips-match-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.tips-match-hero:after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -250px;
    top: -260px;
    border: 1px solid rgba(78, 215, 255, .10);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(78, 215, 255, .025), 0 0 0 140px rgba(78, 215, 255, .018);
    pointer-events: none
}

.tips-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
    color: rgba(255, 255, 255, .48);
    font-size: 11px;
    font-weight: 600
}

.tips-breadcrumb a {
    color: #62c8f5;
    text-decoration: none
}

.tips-breadcrumb strong {
    color: rgba(255, 255, 255, .78)
}

.tips-competition {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin-bottom: 28px;
    color: #a8c7df;
    font-size: 12px;
    font-weight: 700
}

.tips-competition img {
    width: 24px;
    height: 11px;
    object-fit: cover
}

.tips-competition i {
    color: rgba(255, 255, 255, .3);
    font-style: normal
}

.tips-competition strong {
    color: #fff
}

.tips-match-score {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px minmax(0, 1fr);
    align-items: center;
    gap: 24px
}

.tips-team {
    min-width: 0
}

.tips-team small,
.tips-kickoff small {
    display: block;
    margin-bottom: 6px;
    color: #45d9aa;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .18em
}

.tips-team-home {
    text-align: right
}

.tips-team-away {
    text-align: left
}

.tips-kickoff {
    text-align: center;
    padding: 8px 15px;
    border-left: 1px solid rgba(255, 255, 255, .13);
    border-right: 1px solid rgba(255, 255, 255, .13)
}

.tips-kickoff small {
    color: rgba(255, 255, 255, .48)
}

.tips-time {
    display: block;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 900
}

.tips-date {
    display: block;
    margin-top: 7px;
    color: #7ca9c8;
    font-size: 10px;
    font-weight: 700
}


.tips-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 17px
}

.tips-section-heading>div>span,
.tips-kicker {
    display: block;
    margin-bottom: 5px;
    color: #1289d0;
    font-weight: 900;
    letter-spacing: .16em
}

.tips-section-heading h2,
.tips-seo h2,
.tips-faq h2 {
    margin: 0;
    color: #10243e;
    font-size: 25px;
    line-height: 1.15;
    font-weight: 900
}

.tips-section-heading>strong {
    padding: 7px 12px;
    border: 1px solid #d8ebf6;
    border-radius: 20px;
    background: #edf8fd;
    color: #1186c9;
    font-size: 10px;
    white-space: nowrap
}

.tips-prediction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px
}

.tips-prediction-card {
    position: relative;
    min-height: 145px;
    overflow: hidden;
    padding: 17px 18px;
    border: 1px solid #e1eaf2;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(12, 42, 72, .055)
}

.tips-prediction-card:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: -55px;
    bottom: -55px;
    border-radius: 50%;
    background: rgba(14, 143, 211, .055)
}

.tips-prediction-head {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #667a90;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em
}

.tips-prediction-icon {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    flex: 0 0 31px;
    border-radius: 9px;
    background: #eaf7fc;
    color: #1087cd;
    font-size: 11px;
    font-weight: 900
}

.tips-prediction-value {
    margin: 17px 0 16px;
    color: #122842;
    font-size: 21px;
    line-height: 1.15;
    font-weight: 900
}

.tips-prediction-odd {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #edf1f5
}

.tips-prediction-odd span {
    color: #9aa8b7;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .13em
}

.tips-prediction-odd strong {
    color: #0a9d71;
    font-size: 15px
}

.tips-quick-info {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 25px
}

.tips-info-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 15px;
    border: 1px solid #e1eaf2;
    border-radius: 14px;
    background: #fff
}

.tips-info-icon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #edf7fc;
    color: #1289d0;
    font-size: 14px
}

.tips-info-card small {
    display: block;
    margin-bottom: 3px;
    color: #9aa8b7;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em
}

.tips-info-card strong {
    display: block;
    color: #182c45;
    font-size: 12px;
    line-height: 1.35
}

.tips-info-highlight .tips-info-icon {
    background: #e9faf4;
    color: #0ba175
}

.tips-info-highlight strong {
    color: #0a9c70
}

.tips-seo,
.tips-faq {
    margin-top: 27px;
    padding: 26px;
    border: 1px solid #e0e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(12, 42, 72, .04)
}

.tips-seo h2,
.tips-faq h2 {
    margin-bottom: 14px
}

.tips-seo p {
    margin: 0 0 12px;
    color: #596c81;
    font-size: 13px;
    line-height: 1.75
}

.tips-seo p:last-child {
    margin-bottom: 0
}

.tips-seo a {
    color: #0b83c8;
    font-weight: 800
}

.tips-faq details {
    border-top: 1px solid #e9eef3
}

.tips-faq details:first-of-type {
    border-top: 0
}

.tips-faq summary {
    padding: 16px 0;
    cursor: pointer;
    list-style: none;
    color: #172b45;
    font-size: 13px;
    font-weight: 800
}

.tips-faq p {
    margin: 0 0 16px;
    color: #627489;
    font-size: 12px;
    line-height: 1.7
}

@media(max-width:760px) {
    .tips-page-container {
        width: calc(100% - 20px)
    }

    .tips-match-hero {
        padding: 16px 0 32px
    }

    .tips-breadcrumb {
        margin-bottom: 20px;
        font-size: 10px
    }

    .tips-competition {
        margin-bottom: 22px;
        font-size: 11px
    }

    .tips-match-score {
        grid-template-columns: 1fr;
        gap: 13px
    }

    .tips-team-home,
    .tips-team-away {
        text-align: center
    }


    .tips-kickoff {
        border: 0;
        padding: 13px 0
    }

    .tips-team-away {
        order: 2
    }

    .tips-section-heading h2,
    .tips-seo h2,
    .tips-faq h2 {
        font-size: 21px
    }

    .tips-prediction-grid {
        grid-template-columns: 1fr;
        gap: 11px
    }

    .tips-prediction-card {
        min-height: 130px
    }

    .tips-quick-info {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .tips-seo,
    .tips-faq {
        padding: 20px
    }
}

@media(max-width:420px) {

    .tips-time {
        font-size: 27px
    }

    .tips-section-heading {
        align-items: flex-start
    }

    .tips-section-heading>strong {
        font-size: 9px;
        padding: 6px 9px
    }

    .tips-title h1{
        font-size: 10px;
        color: #059669;
    }
}

/* =========================================================
   SEO HEADING — SINGLE H1
   ========================================================= */
.tips-match-title {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto 25px;
    color: #fff;
    text-align: center;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.025em
}

.tips-team-name {
    margin: 0;
    color: #fff;
    font-size: clamp(25px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: 0em;
    overflow-wrap: anywhere
}

.tips-seo h2+p {
    margin-top: 12px
}

@media(max-width:760px) {
    .tips-match-title {
        margin-bottom: 21px;
        padding: 0 8px;
        font-size: 24px
    }

    .tips-team-name {
        font-size: 27px
    }
}

@media(max-width:420px) {
    .tips-match-title {
        font-size: 21px
    }

    .tips-team-name {
        font-size: 23px
    }
}

/* =========================================================
   PREMIUM MATCH EXPERIENCE — FINAL TEST LAYER
   ========================================================= */
.tips-match-page {
    background:
        radial-gradient(circle at 15% 10%, rgba(15, 145, 215, .055), transparent 26%),
        #f4f8fc;
}

.tips-match-hero {
    isolation: isolate;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .07), 0 18px 55px rgba(5, 28, 51, .12);
    background: radial-gradient(ellipse at 70% 18%, rgba(37, 124, 235, .30), transparent 30%), radial-gradient(ellipse at 78% 82%, rgba(22, 196, 143, .25), transparent 35%), linear-gradient(135deg, #06172d 0%, #082b4b 52%, #063b46 100%);
}

.tips-match-hero:before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    opacity: .8;
    pointer-events: none;
}

.tips-hero-field {
    position: absolute;
    left: 50%;
    bottom: -170px;
    width: 760px;
    height: 360px;
    transform: translateX(-50%);
    border: 1px solid rgba(85, 218, 255, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 80px rgba(85, 218, 255, .018),
        0 0 0 160px rgba(85, 218, 255, .012);
    pointer-events: none;
}

.tips-hero-field:before,
.tips-hero-field:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid rgba(255, 255, 255, .035);
}

.tips-hero-field:after {
    left: 50%;
    top: 50%;
    right: 0;
    bottom: auto;
    width: 170px;
    height: 170px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, .035);
    border-radius: 50%;
}

.tips-hero-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2px);
}

.tips-hero-orb-one {
    width: 180px;
    height: 180px;
    right: 8%;
    top: 24%;
    background: radial-gradient(circle, rgba(43, 221, 180, .14), rgba(43, 221, 180, 0) 68%);
}

.tips-hero-orb-two {
    width: 250px;
    height: 250px;
    left: -80px;
    top: 18%;
    background: radial-gradient(circle, rgba(35, 164, 245, .13), rgba(35, 164, 245, 0) 68%);
}

.tips-hero-ball {
    position: absolute;
    right: 5%;
    top: 50%;
    width: 180px;
    height: 180px;
    transform: translateY(-42%);
    border-radius: 50%;
    opacity: .20;
    background:
        radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .9) 0 3%, transparent 4%),
        radial-gradient(circle at 51% 47%, #dce8ee 0 12%, #879aa8 13% 15%, transparent 16%),
        radial-gradient(circle at 30% 58%, #dce8ee 0 10%, #879aa8 11% 13%, transparent 14%),
        radial-gradient(circle at 68% 64%, #dce8ee 0 9%, #879aa8 10% 12%, transparent 13%),
        radial-gradient(circle, #edf5f8 0, #8da0ad 62%, #405664 100%);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .34), inset -18px -20px 30px rgba(0, 0, 0, .28), inset 12px 10px 20px rgba(255, 255, 255, .24);
    filter: blur(.2px);
}

.tips-hero-ball:before,
.tips-hero-ball:after,
.tips-hero-ball span {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(22, 43, 55, .65);
}

.tips-hero-ball:before {
    left: 72px;
    top: 34px
}

.tips-hero-ball:after {
    left: 44px;
    top: 104px
}

.tips-hero-ball span {
    left: 112px;
    top: 91px
}

.tips-page-container {
    position: relative;
    z-index: 2;
}

.tips-breadcrumb {
    padding: 7px 11px;
    width: max-content;
    max-width: 100%;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

.tips-match-title {
    max-width: 980px;
    margin-bottom: 22px;
    text-shadow: 0 5px 28px rgba(0, 0, 0, .25);
}

.tips-competition {
    width: max-content;
    max-width: 100%;
    margin: 0 auto 27px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .10);
    backdrop-filter: blur(8px);
}

.tips-competition img {
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .28)
}

.tips-match-score {
    grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr);
    gap: 32px;
}

.tips-team {
    padding: 25px 28px;
}

.tips-team small {
    color: #46e0b2;
    font-size: 9px;
    letter-spacing: .22em
}

.tips-team-name {
    font-size: clamp(26px, 3vw, 40px);
    text-shadow: 0 4px 20px rgba(0, 0, 0, .2)
}

.tips-team-home:after,
.tips-team-away:after {
    content: "";
    display: block;
    width: 38px;
    height: 3px;
    margin-top: 14px;
    border-radius: 4px;
    background: linear-gradient(90deg, #28dcae, #25aef0);
}

.tips-team-home:after {
    margin-left: auto
}

.tips-kickoff {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tips-kickoff:before {
    content: "";
    width: 8px;
    height: 8px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #35e0b0;
    box-shadow: 0 0 0 6px rgba(53, 224, 176, .08), 0 0 18px rgba(53, 224, 176, .55);
}

.tips-time {
    font-size: 38px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, .22)
}

.tips-date {
    font-size: 10px;
    color: #91b9d3
}

.tips-section-heading {
    margin-bottom: 20px
}

.tips-section-heading>div {
    position: relative;
    padding-left: 14px
}

.tips-section-heading>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 3px;
    border-radius: 5px;
    background: linear-gradient(#19a8ee, #25d9a9)
}

.tips-section-heading>div>span {
    color: #1196d5
}

.tips-section-heading h2 {
    font-size: 27px;
    letter-spacing: -.025em
}

.tips-section-heading>strong {
    border-color: #d8edf7;
    background: linear-gradient(135deg, #effaff, #e9f9f4);
    box-shadow: 0 6px 18px rgba(15, 133, 193, .06)
}

.tips-prediction-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px
}

.tips-prediction-card {
    min-height: 165px;
    padding: 19px;
    border: 1px solid #dfEaf2;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(12, 42, 72, .065), 0 2px 5px rgba(12, 42, 72, .025);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.tips-prediction-card:hover {
    transform: translateY(-3px);
    border-color: #c8e5f2;
    box-shadow: 0 17px 35px rgba(12, 42, 72, .11)
}

.tips-prediction-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #0e90d2
}

.tips-market-score:before {
    background: #8a62e8
}

.tips-market-btts:before {
    background: #14a777
}

.tips-market-ou:before {
    background: #ee9a35
}

.tips-market-ht:before {
    background: #2c9be8
}

.tips-prediction-head {
    font-size: 10px
}

.tips-prediction-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 11px;
    background: linear-gradient(145deg, #eef9fe, #e6f5fb);
    box-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(15, 137, 202, .08);
}

.tips-prediction-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

.tips-market-score .tips-prediction-icon {
    color: #7650d7;
    background: #f2edff
}

.tips-market-btts .tips-prediction-icon {
    color: #0b9b70;
    background: #eafaf4
}

.tips-market-ou .tips-prediction-icon {
    color: #db861f;
    background: #fff5e8
}

.tips-market-ht .tips-prediction-icon {
    color: #218fd0;
    background: #eaf6fd
}

.tips-prediction-label {
    margin-top: 15px;
    color: #a0adba;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
}

.tips-prediction-value {
    margin: 5px 0 17px;
    font-size: 23px;
    letter-spacing: -.02em
}

.tips-prediction-odd strong {
    font-size: 16px
}

.tips-quick-info {
    margin-top: 28px;
    gap: 15px
}

.tips-info-card {
    min-height: 68px;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(12, 42, 72, .045)
}

.tips-info-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px
}

.tips-info-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

.tips-info-highlight {
    border-color: #ccefe2;
    background: linear-gradient(135deg, #fff, #f1fcf7)
}

.tips-seo,
.tips-faq {
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(12, 42, 72, .045)
}

@media(max-width:980px) {
    .tips-prediction-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .tips-hero-ball {
        right: -35px;
        opacity: .12
    }
}

@media(max-width:760px) {
    .tips-match-hero {
        padding: 17px 0 34px
    }

    .tips-hero-ball {
        width: 125px;
        height: 125px;
        right: -25px;
        top: 30%;
        opacity: .10
    }

    .tips-hero-field {
        width: 520px;
        height: 250px;
        bottom: -125px
    }

    .tips-breadcrumb {
        margin-bottom: 17px
    }

    .tips-match-title {
        font-size: 24px;
        margin-bottom: 18px
    }

    .tips-competition {
        margin-bottom: 19px
    }

    .tips-match-score {
align-items: flex-start;
        gap: 10px
    }

    .tips-team {
        padding: 18px 16px;
        border-radius: 17px;
    }

    .tips-team-home:after,
    .tips-team-away:after {
        margin: 11px auto 0
    }

    .tips-team-name {
        font-size: 16px
    }

    .tips-kickoff {
        min-height: 100px;
        padding: 14px 10px;
    }

    .tips-time {
        font-size: 34px
    }

    .tips-prediction-grid {
        grid-template-columns: 1fr 1fr;
        gap: 11px
    }

    .tips-prediction-card {
        min-height: 145px;
        padding: 15px
    }

    .tips-prediction-value {
        font-size: 20px
    }

    .tips-quick-info {
        margin-top: 22px
    }
}

@media(max-width:520px) {
    .tips-prediction-grid {
        grid-template-columns: 1fr
    }

    .tips-prediction-card {
        min-height: 138px
    }

    .tips-section-heading h2 {
        font-size: 22px
    }

    .tips-section-heading>strong {
        font-size: 9px
    }
}

/* =========================================================
   HISTORICAL MATCH ANALYSIS
========================================================= */
.tips-history {
    padding-top: 42px;
}

.tips-history-heading {
    margin-bottom: 20px;
}

.tips-history-heading>strong {
    color: #0b9c71;
    border-color: #ccefe2;
    background: linear-gradient(135deg, #effcf7, #f7fffc);
}

.tips-history-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.tips-history-card {
    position: relative;
    overflow: hidden;
    padding: 18px;
    border: 1px solid #dfe9f1;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(24, 168, 230, .08), transparent 30%),
        linear-gradient(145deg, #ffffff, #f9fcfe);
    box-shadow: 0 10px 28px rgba(12, 42, 72, .055);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.tips-history-card:hover {
    transform: translateY(-3px);
    border-color: #c8e3ef;
    box-shadow: 0 18px 38px rgba(12, 42, 72, .10);
}

.tips-history-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.tips-history-top>div:first-child span {
    display: block;
    margin-bottom: 4px;
    color: #1594d1;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
}

.tips-history-top>div:first-child strong {
    display: block;
    color: #53687e;
    font-size: 11px;
    font-weight: 800;
}

.tips-history-rate {
    min-width: 67px;
    padding: 7px 9px;
    border: 1px solid #d7eee6;
    border-radius: 11px;
    background: #f0fbf7;
    text-align: right;
}

.tips-history-rate b {
    display: block;
    color: #0a9b70;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}

.tips-history-rate small {
    display: block;
    margin-top: 3px;
    color: #78a795;
    font-size: 6px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.tips-history-teams {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}

.tips-history-teams>strong {
    min-width: 0;
    color: #172d47;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.tips-history-teams>strong:last-child {
    text-align: right;
}

.tips-history-score {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 48px;
    border-radius: 12px;
    background: #102d49;
    box-shadow: 0 8px 18px rgba(16, 45, 73, .16);
}

.tips-history-score span {
    color: #fff;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.tips-history-score small {
    margin-top: 5px;
    color: #72dcbf;
    font-size: 6px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .16em;
}

.tips-history-divider {
    height: 1px;
    margin: 16px 0 11px;
    background: #e7eef3;
}

.tips-history-tips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.tips-history-tip {
    display: grid;
    grid-template-columns: 21px minmax(0, 1fr);
    grid-template-areas:
        "icon type"
        "icon value";
    column-gap: 7px;
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid #e4ebf0;
    border-radius: 10px;
    background: #fff;
}

.tips-history-tip-icon {
    grid-area: icon;
    align-self: center;
    display: grid;
    place-items: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
}

.tips-history-tip-type {
    grid-area: type;
    min-width: 0;
    color: #8798a9;
    font-size: 7px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tips-history-tip strong {
    grid-area: value;
    min-width: 0;
    margin-top: 3px;
    color: #233a54;
    font-size: 10px;
    line-height: 1.15;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tips-history-tip.is-hit {
    border-color: #ccefe2;
    background: #f4fcf8;
}

.tips-history-tip.is-hit .tips-history-tip-icon {
    background: #dff7ed;
    color: #0a9d70;
}

.tips-history-tip.is-miss {
    border-color: #f0dada;
    background: #fff8f8;
}

.tips-history-tip.is-miss .tips-history-tip-icon {
    background: #fde7e7;
    color: #d65d62;
}

.tips-history-tip.is-pending .tips-history-tip-icon {
    background: #edf2f6;
    color: #8193a5;
}

.tips-history-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 13px;
    color: #8191a1;
    font-size: 9px;
    font-weight: 800;
}

.tips-history-footer b {
    color: #263d56;
}

.tips-history-status {
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .08em;
}

.tips-history-status.positive {
    color: #078d67;
    background: #e8faf3;
}

.tips-history-status.negative {
    color: #c55359;
    background: #fff0f1;
}

@media(max-width:900px) {
    .tips-history-grid {
        grid-template-columns: 1fr;
    }
}

@media(max-width:760px) {
    .tips-history {
        padding-top: 29px;
    }

    .tips-history-heading {
        align-items: flex-start;
    }

    .tips-history-heading>strong {
        font-size: 8px;
    }
}

@media(max-width:480px) {
    .tips-history-card {
        padding: 14px;
        border-radius: 16px;
    }

    .tips-history-teams {
        grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
        gap: 7px;
    }

    .tips-history-teams>strong {
        font-size: 12px;
    }

    .tips-history-tips {
        grid-template-columns: 1fr;
    }
}



/* =========================================================
   FINAL PREDICTION / HISTORY LAYOUT
========================================================= */

.tips-prediction-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
}

.tips-prediction-card {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.tips-history-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
}

.tips-history-card {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width:980px) {
    .tips-prediction-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width:760px) {
    .tips-prediction-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   MATCH RESULT ONLY - SAFE OVERRIDES
   Keeps the existing premium tips design unchanged.
========================================================= */
.tips-final-score {
    display: block;
    margin: 4px 0 6px;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.tips-result-detail {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, .68);
    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tips-result-detail b {
    color: #fff;
    font-weight: 900;
}

.tips-prediction-card.is-hit {
    border-color: #58d9a9 !important;
    background: #f4fcf8 !important;
}

.tips-prediction-card.is-miss {
    border-color: #f08b8b !important;
    background: #fff7f7 !important;
}

.tips-prediction-result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(15, 31, 52, .09);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .05em;
}

.tips-prediction-result span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 900;
}

.tips-prediction-card.is-hit .tips-prediction-result {
    color: #07956b;
}

.tips-prediction-card.is-hit .tips-prediction-result span {
    background: #d9f8eb;
    color: #07956b;
}

.tips-prediction-card.is-miss .tips-prediction-result {
    color: #d2545a;
}

.tips-prediction-card.is-miss .tips-prediction-result span {
    background: #fde1e1;
    color: #d2545a;
}

.tips-prediction-card.is-pending .tips-prediction-result {
    color: #7d8da0;
}

.tips-prediction-card.is-pending .tips-prediction-result span {
    background: #edf1f5;
    color: #7d8da0;
}

@media(max-width:760px) {
    .tips-final-score {
        font-size: 27px;
    }
}


/* =========================================================
   PREVIOUS MATCHES - TIP BOXES
   5 boxes side by side on desktop
========================================================= */

.tips-history-tips {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.tips-history-tip {
    display: grid !important;
    grid-template-columns: 21px minmax(0, 1fr) !important;
    grid-template-areas:
        "icon type"
        "icon value" !important;
    column-gap: 7px !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px !important;
    border-radius: 10px !important;
}

.tips-history-tip-icon {
    grid-area: icon !important;
}

.tips-history-tip-type {
    grid-area: type !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.tips-history-tip>strong {
    grid-area: value !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* TABLET */
@media(max-width:1100px) {
    .tips-history-tips {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* MOBILE */
@media(max-width:760px) {
    .tips-history-tips {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* SMALL MOBILE */
@media(max-width:480px) {
    .tips-history-tips {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   PREVIOUS MATCH - HORIZONTAL TIP BOX
========================================================= */

.tips-history-tips {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}

.tips-history-tip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;

    padding: 10px 11px !important;
    border-radius: 10px !important;
}

/* Sol taraf: HT/FT, Full Time, BTTS vs. */
.tips-history-tip-type {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

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

/* Sağ taraf: prediction değeri */
.tips-history-tip>strong {
    display: block !important;
    flex: 0 0 auto !important;

    margin-left: auto !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;

    text-align: right !important;
}

/* ✓ / × ikonu solda */
.tips-history-tip-icon {
    flex: 0 0 20px !important;
}


/* TABLET */
@media(max-width:1100px) {
    .tips-history-tips {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* MOBILE */
@media(max-width:760px) {
    .tips-history-tips {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* SMALL MOBILE */
@media(max-width:480px) {
    .tips-history-tips {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   MATCH PREDICTIONS - COMPACT HORIZONTAL CARD
========================================================= */

.tips-prediction-card {
    padding: 14px !important;
}

/* Başlık */
.tips-prediction-head {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 8px !important;
}

/* PREDICTION + değer aynı satır */
.tips-prediction-label {
    display: inline-block !important;
    margin: 0 7px 0 0 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    vertical-align: middle !important;
}

.tips-prediction-value {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    vertical-align: middle !important;
}

/* Odds */
.tips-prediction-odd {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 9px !important;
    padding-top: 8px !important;
}

/* Sonuç */
.tips-prediction-result {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
}

/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:981px) {

    .tips-prediction-card {
        min-height: 0 !important;
    }

    .tips-prediction-label {
        font-size: 8px !important;
    }

    .tips-prediction-value {
        font-size: 16px !important;
    }

    .tips-prediction-odd {
        margin-top: 7px !important;
        padding-top: 7px !important;
    }
}

.tips-prediction-label {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    vertical-align: middle !important;
}

.tips-prediction-value {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: right !important;
    vertical-align: middle !important;
}

.tips-prediction-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 6px !important;
}

.tips-prediction-label {
    margin: 0 !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    color: #a0adba !important;
}

.tips-prediction-value {
    margin: 0 0 0 auto !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

/* Recent form - last 5 matches */
.tips-recent-form {
    width: 100%;
    padding-top:40px;
}

.tips-recent-form-heading {
    margin-bottom: 14px !important;
}

.tips-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.tips-form-card {
    background: #fff;
    border: 1px solid rgba(10, 104, 204, .10);
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: 0 8px 24px rgba(6, 34, 64, .07);
}

.tips-form-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.tips-form-card-head span {
    display: block;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
    color: #7d8da1;
}

.tips-form-card-head h3 {
    margin: 3px 0 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 900;
    color: #092a4a;
}

.tips-form-card-head>strong {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    color: #718096;
}

.tips-form-stars {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.tips-form-star {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 11px;
    background: #f4f7fa;
    font-size: 27px;
    line-height: 1;
    font-family: Arial, sans-serif;
}

.tips-form-star.is-w {
    color: #18a957;
    background: rgba(24, 169, 87, .09);
}

.tips-form-star.is-d {
    color: #d59b00;
    background: rgba(213, 155, 0, .10);
}

.tips-form-star.is-l {
    color: #e14b55;
    background: rgba(225, 75, 85, .09);
}

.tips-form-star.is-empty {
    color: #b7c0c9;
    background: #eef1f4;
}

.tips-form-results {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 7px;
}

.tips-form-results span {
    text-align: center;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
}

.tips-form-results .is-w {
    color: #18a957;
}

.tips-form-results .is-d {
    color: #c18d00;
}

.tips-form-results .is-l {
    color: #d8434d;
}

.tips-form-results .is-empty {
    color: #aeb8c2;
}

@media(max-width:760px) {
    .tips-recent-form {
    width: 100%;
    padding-top:20px;
}
    .tips-form-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tips-form-card {
        padding: 14px;
    }

    .tips-form-star {
        min-height: 38px;
        font-size: 24px;
    }
}

/* =========================================================
   RECENT FORM - MATCH TABLE
========================================================= */

.tips-form-table-wrap {
    width: 100%;
    margin-top: 14px;
    overflow-x: auto;
}

.tips-form-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
}

.tips-form-table th {
    padding: 8px 7px;
    text-align: left;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: #7890a6;
    border-bottom: 1px solid #e6edf3;
}

.tips-form-table td {
    padding: 9px 7px;
    color: #17324d;
    font-weight: 700;
    border-bottom: 1px solid #edf2f6;
    vertical-align: middle;
}

.tips-form-table tbody tr:last-child td {
    border-bottom: 0;
}

.tips-form-table th:first-child,
.tips-form-table td:first-child {
    width: 58px;
    white-space: nowrap;
}

.tips-form-table th:nth-child(3),
.tips-form-table td:nth-child(3) {
    width: 55px;
    text-align: center;
    white-space: nowrap;
}

.tips-form-table th:last-child,
.tips-form-table td:last-child {
    width: 48px;
    text-align: center;
}

.tips-form-match-home,
.tips-form-match-away {
    display: inline;
}

.tips-form-match-vs {
    display: inline-block;
    margin: 0 5px;
    color: #a6b4c1;
    font-size: 9px;
    font-weight: 800;
}

.tips-form-table-result {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    height: 24px;
    padding: 0 6px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 900;
}

.tips-form-table-result.is-w {
    color: #059669;
    background: #e8f8f0;
}

.tips-form-table-result.is-d {
    color: #b77900;
    background: #fff5d9;
}

.tips-form-table-result.is-l {
    color: #dc3545;
    background: #fff0f1;
}

.tips-form-table-result.is-empty {
    color: #aebbc7;
    background: #f0f3f6;
}

.tips-form-table .is-empty-row td {
    color: #aebbc7;
    font-weight: 600;
}

/* Mobile */
@media (max-width: 760px) {
    .tips-form-table {
        min-width: 430px;
    }

    .tips-form-table th,
    .tips-form-table td {
        padding: 8px 6px;
    }
}

@media (max-width: 760px) {

    .tips-form-match-home,
    .tips-form-match-away {
        display: block !important;
    }

    .tips-form-match-vs {
        display: none;
        margin: 2px 0 !important;
        line-height: 1.2 !important;
    }

    .tips-form-table td:nth-child(2) {
        line-height: 1.35 !important;
    }
}

@media (max-width: 760px) {

    .tips-form-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .tips-form-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        font-size: 14px !important;
    }

    .tips-form-table th,
    .tips-form-table td {
        padding: 7px 4px !important;
    }

    .tips-form-table th:first-child,
    .tips-form-table td:first-child {
        width: 48px !important;
    }

    .tips-form-table th:nth-child(3),
    .tips-form-table td:nth-child(3) {
        width: 42px !important;
    }

    .tips-form-table th:last-child,
    .tips-form-table td:last-child {
        width: 38px !important;
    }

    .tips-form-table td:nth-child(2) {
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        padding:10px 15px !important;
    }

    .tips-form-match-home,
    .tips-form-match-away {
        display: block !important;
        line-height: 1.3 !important;
    }
}

/* =========================================================
   FAQ - Same style as homepage
   ========================================================= */

.tips-faq details {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.tips-faq summary {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    padding: 16px 12px 16px 30px !important;

    cursor: pointer;
    list-style: none !important;
    font-weight: 800;
    font-size: 14px;
}

/* Chrome / Safari */
.tips-faq summary::-webkit-details-marker {
    display: none !important;
}

/* Sol ok */
.tips-faq summary::before {
    content: "▸";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);

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

    transition: transform .2s ease;
}

/* Açıldığında ok aşağı dönsün */
.tips-faq details[open] summary::before {
    transform: translateY(-50%) rotate(90deg);
}

/* Cevap */
.tips-faq details>p {
    margin: 0;
    padding: 0 16px 16px 30px;
    font-size: 13px;
    line-height: 1.7;
    opacity: .85;
}

 /* Force exactly two Previous Matches cards per row on desktop/tablet. */
        .tips-match-page section.tips-history .tips-history-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            column-gap: 20px !important;
            row-gap: 20px !important;
            align-items: stretch;
            width: 100%;
        }

        .tips-match-page section.tips-history .tips-history-card {
            width: 100% !important;
            min-width: 0 !important;
            max-width: none !important;
            box-sizing: border-box;
        }

        .tips-form-match-link {
            color: inherit;
            text-decoration: none;
            display: inline;
        }

        .tips-form-match-link:hover,
        .tips-form-match-link:focus-visible {
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        @media (max-width: 640px) {
            .tips-match-page section.tips-history .tips-history-grid {
                grid-template-columns: minmax(0, 1fr) !important;
            }
        }