/* =====================================================================
   FS3 / KicknGoal — takmičenja, tabele, raspored, rezultati i utakmica
   ===================================================================== */
:root{
    --fs3-competition-red:#ff0000;
    --fs3-competition-red-dark:#d90000;
    --fs3-competition-gold:#d9b44a;
    --fs3-competition-navy:#081d34;
    --fs3-competition-navy-2:#0d2946;
    --fs3-competition-bg:#f4f6f8;
    --fs3-competition-line:#dfe5eb;
    --fs3-competition-muted:#6f7985;
    --fs3-competition-white:#fff;
}

.fsgk-competition-content{
    padding:90px 0 110px;
    background:
        radial-gradient(circle at 95% 0,rgba(255,0,0,.055),transparent 26%),
        var(--fs3-competition-bg);
}
.fsgk-competition-content .container{position:relative}
.fsgk-competition-content .fsgk-empty-state{margin:30px 0}
.fsgk-section-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    color:var(--fs3-competition-red);
    font-size:13px;
    font-weight:800;
    letter-spacing:.12em;
    line-height:1.2;
    text-transform:uppercase;
}
.fsgk-section-kicker:before{
    content:"";
    width:24px;
    height:2px;
    background:var(--fs3-competition-red);
}

/* Lista takmičenja */
.fsgk-competition-intro,
.fsgk-section-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:42px;
}
.fsgk-competition-intro>div,
.fsgk-section-heading>div{max-width:780px}
.fsgk-competition-intro h2,
.fsgk-section-heading h2,
.fsgk-panel h2,
.fsgk-round-section h2,
.fsgk-detail-card h2{
    margin:0;
    color:var(--fs3-competition-navy);
    font-family:var(--heading-font);
    font-size:46px;
    font-weight:800;
    line-height:1.08;
}
.fsgk-competition-intro p,
.fsgk-section-heading p{
    margin:14px 0 0;
    color:var(--fs3-competition-muted);
    font-size:16px;
    line-height:1.7;
}
.fsgk-competition-intro>strong,
.fsgk-section-heading>strong{
    min-width:118px;
    color:var(--fs3-competition-red);
    font-family:var(--heading-font);
    font-size:54px;
    font-weight:800;
    line-height:.9;
    text-align:right;
}
.fsgk-competition-intro>strong small,
.fsgk-section-heading>strong small{
    display:block;
    margin-top:10px;
    color:var(--fs3-competition-muted);
    font-family:var(--default-font);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fsgk-competition-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}
.fsgk-competition-card{
    overflow:hidden;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
    box-shadow:0 18px 48px rgba(8,29,52,.08);
    transition:transform .25s ease,box-shadow .25s ease;
}
.fsgk-competition-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 58px rgba(8,29,52,.14);
}
.fsgk-competition-card__top{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:215px;
    padding:32px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(8,29,52,.97),rgba(13,41,70,.92)),
        url('../images/match-highlight-image-1.jpg') center/cover no-repeat;
}
.fsgk-competition-card__top:after{
    content:"";
    position:absolute;
    right:-50px;
    bottom:-70px;
    width:180px;
    height:180px;
    border:34px solid rgba(255,0,0,.15);
    border-radius:50%;
}
.fsgk-competition-card__status{
    position:absolute;
    top:18px;
    left:18px;
    z-index:2;
    padding:7px 12px;
    color:#fff;
    background:rgba(255,255,255,.12);
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fsgk-competition-card__status.is-current{background:var(--fs3-competition-red)}
.fsgk-competition-card__season{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:2;
    color:rgba(255,255,255,.78);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-competition-card__logo{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:118px;
    height:118px;
    padding:14px;
    border:5px solid rgba(255,255,255,.18);
    border-radius:50%;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}
.fsgk-competition-card__logo img{max-width:100%;max-height:100%;object-fit:contain}
.fsgk-competition-card__logo b{color:var(--fs3-competition-navy);font-size:28px}
.fsgk-competition-card__content{padding:28px}
.fsgk-competition-card__content h2{
    margin:0 0 12px;
    font-size:26px;
    line-height:1.18;
}
.fsgk-competition-card__content h2 a{color:var(--fs3-competition-navy)}
.fsgk-competition-card__content h2 a:hover{color:var(--fs3-competition-red)}
.fsgk-competition-card__content p{
    min-height:76px;
    margin:0 0 22px;
    color:var(--fs3-competition-muted);
    line-height:1.65;
}
.fsgk-competition-card__links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:22px;
    border:1px solid var(--fs3-competition-line);
}
.fsgk-competition-card__links a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:0;
    padding:11px 7px;
    border-right:1px solid var(--fs3-competition-line);
    color:var(--fs3-competition-navy);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-competition-card__links a:last-child{border-right:0}
.fsgk-competition-card__links a i{color:var(--fs3-competition-red)}
.fsgk-competition-card__links a:hover{color:#fff;background:var(--fs3-competition-navy)}
.fsgk-competition-card__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:14px 19px;
    color:#fff;
    background:var(--fs3-competition-red);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-competition-card__button:hover{color:#fff;background:var(--fs3-competition-navy)}

/* Hero pojedinačnog takmičenja */
.fsgk-competition-hero,
.fsgk-match-hero{
    position:relative;
    overflow:hidden;
    padding-top:138px;
    color:#fff;
    background:
        linear-gradient(90deg,rgba(4,16,31,.96),rgba(4,16,31,.77)),
        url('../images/page-header-bg.jpg') center/cover no-repeat;
}
.fsgk-competition-hero:after,
.fsgk-match-hero:after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-170px;
    width:500px;
    height:500px;
    border:95px solid rgba(255,0,0,.13);
    border-radius:50%;
}
.fsgk-competition-hero .container,
.fsgk-match-hero .container{position:relative;z-index:2}
.fsgk-competition-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:10px;
    min-width:0;
    margin-bottom:30px;
    font-size:13px;
    font-weight:700;
}
.fsgk-competition-breadcrumb a{color:rgba(255,255,255,.72)}
.fsgk-competition-breadcrumb a:hover{color:var(--fs3-competition-gold)}
.fsgk-competition-breadcrumb span{
    min-width:0;
    max-width:470px;
    overflow:hidden;
    color:#fff;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.fsgk-competition-breadcrumb i{flex:0 0 auto;color:var(--fs3-competition-red);font-size:9px}
.fsgk-competition-hero__main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:48px;
    padding-bottom:42px;
}
.fsgk-competition-hero__identity{display:flex;align-items:center;gap:28px;min-width:0}
.fsgk-competition-hero__logo{
    display:grid;
    place-items:center;
    flex:0 0 132px;
    width:132px;
    height:132px;
    padding:15px;
    border:6px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.fsgk-competition-hero__logo img{max-width:100%;max-height:100%;object-fit:contain}
.fsgk-competition-hero__logo b{color:var(--fs3-competition-navy);font-size:32px}
.fsgk-competition-hero .fsgk-section-kicker{color:var(--fs3-competition-gold)}
.fsgk-competition-hero .fsgk-section-kicker:before{background:var(--fs3-competition-gold)}
.fsgk-competition-hero h1{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:58px;
    font-weight:800;
    line-height:1.02;
}
.fsgk-competition-hero p{
    display:flex;
    align-items:center;
    gap:8px;
    margin:13px 0 0;
    color:rgba(255,255,255,.7);
}
.fsgk-competition-hero p i{color:var(--fs3-competition-red)}
.fsgk-competition-hero__facts{display:flex;gap:10px}
.fsgk-competition-hero__facts>span{
    min-width:125px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(5px);
}
.fsgk-competition-hero__facts small,
.fsgk-competition-hero__facts strong{display:block}
.fsgk-competition-hero__facts small{
    margin-bottom:5px;
    color:rgba(255,255,255,.56);
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fsgk-competition-hero__facts strong{color:#fff;font-size:14px}
.fsgk-competition-tabs{
    display:flex;
    overflow-x:auto;
    border-top:1px solid rgba(255,255,255,.13);
    scrollbar-width:none;
}
.fsgk-competition-tabs::-webkit-scrollbar{display:none}
.fsgk-competition-tabs a{
    position:relative;
    display:flex;
    align-items:center;
    gap:9px;
    min-width:max-content;
    padding:19px 23px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-competition-tabs a:after{
    content:"";
    position:absolute;
    right:18px;
    bottom:0;
    left:18px;
    height:4px;
    background:transparent;
}
.fsgk-competition-tabs a:hover{color:var(--fs3-competition-gold)}
.fsgk-competition-tabs a.is-active{color:#fff}
.fsgk-competition-tabs a.is-active:after{background:var(--fs3-competition-red)}
.fsgk-competition-tabs a.is-active i{color:var(--fs3-competition-gold)}

/* Switcher i statistika */
.fsgk-league-switcher{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-bottom:46px;
    padding:24px 28px;
    color:#fff;
    background:var(--fs3-competition-navy);
    box-shadow:0 15px 38px rgba(8,29,52,.13);
}
.fsgk-league-switcher .fsgk-section-kicker{margin-bottom:6px;color:var(--fs3-competition-gold)}
.fsgk-league-switcher .fsgk-section-kicker:before{background:var(--fs3-competition-gold)}
.fsgk-league-switcher__current strong{display:block;color:#fff;font-size:20px}
.fsgk-league-switcher label{display:flex;align-items:center;gap:14px;margin:0}
.fsgk-league-switcher label>span:first-child{
    color:rgba(255,255,255,.66);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-league-switcher__select{position:relative;display:block}
.fsgk-league-switcher select{
    min-width:330px;
    height:50px;
    padding:0 45px 0 16px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:0;
    color:#fff;
    background:#102d4b;
    font-weight:700;
    appearance:none;
}
.fsgk-league-switcher select option{color:#111;background:#fff}
.fsgk-league-switcher__select>i{
    position:absolute;
    top:50%;
    right:16px;
    color:var(--fs3-competition-gold);
    transform:translateY(-50%);
    pointer-events:none;
}
.fsgk-competition-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:30px;
}
.fsgk-competition-stats>div{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:110px;
    padding:22px;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
    box-shadow:0 12px 30px rgba(8,29,52,.055);
}
.fsgk-competition-stats i{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:#fff;
    background:var(--fs3-competition-red);
    font-size:20px;
}
.fsgk-competition-stats small,
.fsgk-competition-stats strong{display:block}
.fsgk-competition-stats small{
    color:var(--fs3-competition-muted);
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fsgk-competition-stats strong{margin-top:3px;color:var(--fs3-competition-navy);font-size:29px}

/* Paneli */
.fsgk-competition-overview-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:26px;
}
.fsgk-panel,
.fsgk-detail-card{
    padding:28px;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
    box-shadow:0 16px 38px rgba(8,29,52,.065);
}
.fsgk-panel>header,
.fsgk-detail-card>header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px solid var(--fs3-competition-line);
}
.fsgk-panel h2,
.fsgk-detail-card h2{font-size:31px}
.fsgk-panel>header>a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--fs3-competition-red);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-panel>header>a:hover{color:var(--fs3-competition-navy)}

/* Tabela */
.fsgk-standings-wrap{
    overflow-x:auto;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
}
.fsgk-panel .fsgk-standings-wrap{border:0}
.fsgk-standings-table{width:100%;min-width:720px;border-collapse:collapse}
.fsgk-standings-table th{
    padding:15px 13px;
    color:#fff;
    background:var(--fs3-competition-navy);
    font-size:10px;
    font-weight:800;
    letter-spacing:.06em;
    text-align:center;
    text-transform:uppercase;
}
.fsgk-standings-table th:nth-child(2){text-align:left}
.fsgk-standings-table td{
    padding:14px 13px;
    border-bottom:1px solid var(--fs3-competition-line);
    color:var(--fs3-competition-navy);
    font-size:13px;
    text-align:center;
}
.fsgk-standings-table tbody tr:last-child td{border-bottom:0}
.fsgk-standings-table tbody tr:hover{background:#f8fafb}
.fsgk-standings-table tbody tr.is-leader{background:rgba(217,180,74,.09)}
.fsgk-position{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    margin:auto;
    color:var(--fs3-competition-navy);
    background:#edf1f4;
    font-weight:800;
}
.is-leader .fsgk-position{color:#fff;background:var(--fs3-competition-red)}
.fsgk-standing-team{display:flex;align-items:center;gap:11px;color:var(--fs3-competition-navy);text-align:left}
.fsgk-standing-team>span{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    padding:4px;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
}
.fsgk-standing-team img{max-width:100%;max-height:100%;object-fit:contain}
.fsgk-standing-team b{font-size:11px}
.fsgk-standing-team:hover{color:var(--fs3-competition-red)}
.fsgk-points{
    display:inline-grid;
    place-items:center;
    min-width:36px;
    height:34px;
    padding:0 8px;
    color:#fff;
    background:var(--fs3-competition-navy);
}
.is-positive{color:#168447!important}.is-negative{color:#c52b2b!important}

/* Učesnici */
.fsgk-competition-teams{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
}
.fsgk-competition-teams>a{
    display:grid;
    grid-template-columns:42px 54px minmax(0,1fr) auto 18px;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border:1px solid var(--fs3-competition-line);
    color:var(--fs3-competition-navy);
    background:#fff;
    transition:.2s ease;
}
.fsgk-competition-teams>a:hover{
    color:var(--fs3-competition-navy);
    border-color:var(--fs3-competition-red);
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(8,29,52,.08);
}
.fsgk-competition-team-logo{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    padding:5px;
    border:1px solid var(--fs3-competition-line);
}
.fsgk-competition-team-logo img{max-width:100%;max-height:100%;object-fit:contain}
.fsgk-competition-teams strong,.fsgk-competition-teams small{display:block}
.fsgk-competition-teams small{margin-top:3px;color:var(--fs3-competition-muted)}
.fsgk-competition-teams em{color:var(--fs3-competition-red);font-size:12px;font-style:normal;font-weight:800}
.fsgk-competition-teams>a>i{color:var(--fs3-competition-red)}

/* Raspored i rezultati */
.fsgk-compact-matches,
.fsgk-round-list{display:grid;gap:20px}
.fsgk-round-section{
    overflow:hidden;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
    box-shadow:0 15px 35px rgba(8,29,52,.06);
}
.fsgk-round-section>header{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 23px;
    color:#fff;
    background:var(--fs3-competition-navy);
}
.fsgk-round-section>header span{
    padding:6px 10px;
    color:#fff;
    background:var(--fs3-competition-red);
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fsgk-round-section>header h2{color:#fff;font-size:25px}
.fsgk-fixture-row{
    display:grid;
    grid-template-columns:150px minmax(0,1fr) 220px;
    align-items:center;
    gap:22px;
    padding:20px 23px;
    border-bottom:1px solid var(--fs3-competition-line);
    background:#fff;
}
.fsgk-fixture-row:last-child{border-bottom:0}
.fsgk-fixture-row:hover{background:#fafbfc}
.fsgk-fixture-row__date{display:flex;align-items:center;gap:11px}
.fsgk-fixture-row__calendar{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    color:#fff;
    background:var(--fs3-competition-red);
}
.fsgk-fixture-row__date strong,
.fsgk-fixture-row__date div>span{display:block}
.fsgk-fixture-row__date strong{color:var(--fs3-competition-navy);font-size:12px}
.fsgk-fixture-row__date div>span{margin-top:3px;color:var(--fs3-competition-muted);font-size:11px}
.fsgk-fixture-row__match{
    display:grid;
    grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);
    align-items:center;
    gap:14px;
}
.fsgk-fixture-team{display:flex;align-items:center;gap:10px;min-width:0}
.fsgk-fixture-team.is-home{justify-content:flex-end;text-align:right}
.fsgk-fixture-team strong{
    overflow:hidden;
    color:var(--fs3-competition-navy);
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.fsgk-fixture-team>span{
    display:grid;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    padding:4px;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
}
.fsgk-fixture-team img{max-width:100%;max-height:100%;object-fit:contain}
.fsgk-fixture-team b{font-size:10px}
.fsgk-fixture-score{
    display:block;
    padding:8px 6px;
    color:var(--fs3-competition-navy);
    background:#f1f4f6;
    text-align:center;
}
.fsgk-fixture-score:hover{color:#fff;background:var(--fs3-competition-red)}
.fsgk-fixture-score strong{
    display:block;
    color:inherit;
    font-family:var(--heading-font);
    font-size:25px;
    font-weight:800;
    line-height:1;
}
.fsgk-fixture-score strong i{padding:0 4px;color:var(--fs3-competition-red);font-style:normal}
.fsgk-fixture-score:hover strong i{color:#fff}
.fsgk-fixture-score small{
    display:block;
    margin-top:5px;
    color:inherit;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-fixture-row__venue span,
.fsgk-fixture-row__venue a{display:block;font-size:11px}
.fsgk-fixture-row__venue span{color:var(--fs3-competition-muted)}
.fsgk-fixture-row__venue i{margin-right:7px;color:var(--fs3-competition-red)}
.fsgk-fixture-row__venue a{
    margin-top:7px;
    color:var(--fs3-competition-navy);
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-fixture-row__venue a:hover{color:var(--fs3-competition-red)}
.fsgk-pagination{display:flex;justify-content:center;gap:8px;margin-top:42px}
.fsgk-pagination a{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--fs3-competition-line);
    color:var(--fs3-competition-navy);
    background:#fff;
    font-weight:800;
}
.fsgk-pagination a:hover,
.fsgk-pagination a.is-active{color:#fff;border-color:var(--fs3-competition-red);background:var(--fs3-competition-red)}

/* Utakmica */
.fsgk-match-hero{padding-bottom:58px}
.fsgk-match-hero__meta{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px 18px;
    margin:12px 0 30px;
}
.fsgk-match-hero__meta span,
.fsgk-match-hero__meta em{
    padding:7px 11px;
    color:#fff;
    background:rgba(255,255,255,.11);
    font-size:10px;
    font-style:normal;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.fsgk-match-hero__meta strong{color:#fff;font-size:15px}
.fsgk-match-hero__meta em.is-live{background:#e89613}
.fsgk-match-hero__meta em.is-finished{background:#168447}
.fsgk-match-hero__meta em.is-warning{background:#b67800}
.fsgk-scoreboard{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);
    align-items:center;
    gap:35px;
}
.fsgk-scoreboard__team{display:flex;align-items:center;gap:20px;color:#fff}
.fsgk-scoreboard__team.is-away{flex-direction:row-reverse;text-align:right}
.fsgk-scoreboard__team>span{
    display:grid;
    place-items:center;
    flex:0 0 112px;
    width:112px;
    height:112px;
    padding:12px;
    border:5px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:#fff;
}
.fsgk-scoreboard__team img{max-width:100%;max-height:100%;object-fit:contain}
.fsgk-scoreboard__team b{color:var(--fs3-competition-navy);font-size:26px}
.fsgk-scoreboard__team h1{
    margin:0;
    color:#fff;
    font-size:38px;
    font-weight:800;
    line-height:1.05;
}
.fsgk-scoreboard__team small{display:block;margin-bottom:6px;color:rgba(255,255,255,.62)}
.fsgk-scoreboard__score{text-align:center}
.fsgk-scoreboard__score>small,
.fsgk-scoreboard__score>span{
    display:block;
    color:rgba(255,255,255,.64);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-scoreboard__score>strong{
    display:block;
    margin:7px 0;
    color:#fff;
    font-family:var(--heading-font);
    font-size:72px;
    font-weight:800;
    line-height:.9;
}
.fsgk-scoreboard__score>strong i{padding:0 7px;color:var(--fs3-competition-red);font-style:normal}
.fsgk-detail-card{margin-bottom:24px}
.fsgk-match-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fsgk-match-info-grid>div{
    display:flex;
    gap:13px;
    padding:17px;
    border-left:3px solid var(--fs3-competition-red);
    background:#f3f6f8;
}
.fsgk-match-info-grid i{color:var(--fs3-competition-red);font-size:20px}
.fsgk-match-info-grid small,
.fsgk-match-info-grid strong,
.fsgk-match-info-grid a{display:block}
.fsgk-match-info-grid small{font-size:9px;font-weight:800;text-transform:uppercase}
.fsgk-match-info-grid strong,
.fsgk-match-info-grid a{margin-top:3px;color:var(--fs3-competition-navy);font-size:13px;font-weight:800}
.fsgk-match-timeline article{
    display:grid;
    grid-template-columns:50px 34px minmax(0,1fr) 50px;
    align-items:center;
    gap:12px;
    padding:14px 0;
    border-bottom:1px solid var(--fs3-competition-line);
}
.fsgk-match-timeline article:last-child{border-bottom:0}
.fsgk-match-timeline article>span{color:var(--fs3-competition-red);font-weight:800}
.fsgk-match-timeline article>i{color:var(--fs3-competition-red)}
.fsgk-match-timeline small{display:block;color:var(--fs3-competition-muted)}
.fsgk-match-timeline b{text-align:right}
.fsgk-match-stats>div{
    display:grid;
    grid-template-columns:60px minmax(0,1fr) 60px;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
    text-align:center;
}
.fsgk-match-stats>div:last-child{margin-bottom:0}
.fsgk-match-stats span small{display:block;margin-bottom:6px;color:var(--fs3-competition-navy);font-weight:800}
.fsgk-match-stats span i{display:block;overflow:hidden;height:8px;background:#e2e7eb}
.fsgk-match-stats span b{display:block;height:100%;background:var(--fs3-competition-red)}
.fsgk-lineups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fsgk-lineups h3{margin-bottom:14px;color:var(--fs3-competition-navy);font-size:25px}
.fsgk-lineups article{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 0;
    border-bottom:1px solid var(--fs3-competition-line);
}
.fsgk-lineups article>span{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    color:#fff;
    background:var(--fs3-competition-navy);
    font-weight:800;
}
.fsgk-lineups article>div{flex:1}
.fsgk-lineups small{display:block;color:var(--fs3-competition-muted)}
.fsgk-lineups em{
    padding:4px 7px;
    color:var(--fs3-competition-red);
    background:#fff0f0;
    font-size:9px;
    font-style:normal;
    font-weight:800;
    text-transform:uppercase;
}
.fsgk-official-list article{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid var(--fs3-competition-line);
}
.fsgk-official-list article:last-child{border-bottom:0}
.fsgk-official-list article>span{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    color:#fff;
    background:var(--fs3-competition-navy);
    font-weight:800;
}
.fsgk-official-list small{display:block;color:var(--fs3-competition-muted)}
.fsgk-related-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 0;
    border-bottom:1px solid var(--fs3-competition-line);
    color:var(--fs3-competition-navy);
}
.fsgk-related-links a:last-child{border-bottom:0}
.fsgk-related-links a:hover{color:var(--fs3-competition-red)}
.fsgk-related-links small{display:block;color:var(--fs3-competition-muted)}
.fsgk-related-links i{color:var(--fs3-competition-red)}
.fsgk-richtext img{max-width:100%;height:auto}

@media(max-width:1199px){
    .fsgk-competition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fsgk-competition-hero__main{align-items:flex-start}
    .fsgk-competition-hero__facts{flex-direction:column}
    .fsgk-competition-overview-grid{grid-template-columns:1fr}
    .fsgk-fixture-row{grid-template-columns:145px minmax(0,1fr)}
    .fsgk-fixture-row__venue{grid-column:2}
    .fsgk-scoreboard{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr)}
    .fsgk-scoreboard__team h1{font-size:31px}
}
@media(max-width:991px){
    .fsgk-competition-hero,.fsgk-match-hero{padding-top:115px}
    .fsgk-competition-hero__main{display:block}
    .fsgk-competition-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:27px}
    .fsgk-competition-hero h1{font-size:46px}
    .fsgk-competition-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fsgk-competition-teams{grid-template-columns:1fr}
    .fsgk-league-switcher{align-items:flex-start}
    .fsgk-league-switcher label{display:block}
    .fsgk-league-switcher label>span:first-child{display:block;margin-bottom:7px}
    .fsgk-scoreboard{gap:15px}
    .fsgk-scoreboard__team{display:block;text-align:center!important}
    .fsgk-scoreboard__team.is-away{display:block}
    .fsgk-scoreboard__team>span{width:88px;height:88px;margin:0 auto 12px}
    .fsgk-scoreboard__team h1{font-size:26px}
    .fsgk-scoreboard__score>strong{font-size:55px}
}
@media(max-width:767px){
    .fsgk-competition-content{padding:62px 0 78px}
    .fsgk-competition-intro,.fsgk-section-heading,.fsgk-league-switcher{display:block}
    .fsgk-competition-intro h2,.fsgk-section-heading h2{font-size:36px}
    .fsgk-competition-intro>strong,.fsgk-section-heading>strong{display:block;margin-top:22px;text-align:left}
    .fsgk-competition-grid{grid-template-columns:1fr}
    .fsgk-competition-card__content p{min-height:0}
    .fsgk-competition-hero__identity{align-items:flex-start}
    .fsgk-competition-hero__logo{flex-basis:88px;width:88px;height:88px}
    .fsgk-competition-hero h1{font-size:36px}
    .fsgk-competition-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fsgk-competition-tabs a{padding:16px 15px;font-size:11px}
    .fsgk-league-switcher label{margin-top:20px}
    .fsgk-league-switcher select{width:100%;min-width:0}
    .fsgk-league-switcher__select{display:block}
    .fsgk-competition-stats{grid-template-columns:1fr}
    .fsgk-panel,.fsgk-detail-card{padding:20px}
    .fsgk-panel>header,.fsgk-detail-card>header{display:block}
    .fsgk-panel>header>a{display:inline-flex;margin-top:12px}
    .fsgk-fixture-row{grid-template-columns:1fr;gap:13px;padding:18px}
    .fsgk-fixture-row__date{justify-content:center}
    .fsgk-fixture-row__venue{grid-column:auto;text-align:center}
    .fsgk-fixture-row__match{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}
    .fsgk-fixture-team{display:block;text-align:center!important}
    .fsgk-fixture-team>span{margin:0 auto 7px}
    .fsgk-fixture-team.is-home{display:flex;flex-direction:column-reverse}
    .fsgk-fixture-team strong{white-space:normal}
    .fsgk-fixture-score strong{font-size:22px}
    .fsgk-scoreboard{grid-template-columns:1fr 86px 1fr}
    .fsgk-scoreboard__team>span{width:68px;height:68px}
    .fsgk-scoreboard__team h1{font-size:20px}
    .fsgk-scoreboard__score>strong{font-size:42px}
    .fsgk-match-info-grid,.fsgk-lineups{grid-template-columns:1fr}
    .fsgk-match-timeline article{grid-template-columns:40px 25px minmax(0,1fr) 35px}
}
@media(max-width:520px){
    .fsgk-competition-breadcrumb span{max-width:150px}
    .fsgk-competition-hero__identity{display:block}
    .fsgk-competition-hero__logo{margin-bottom:18px}
    .fsgk-competition-hero__facts{grid-template-columns:1fr}
    .fsgk-competition-card__links{grid-template-columns:1fr}
    .fsgk-competition-card__links a{border-right:0;border-bottom:1px solid var(--fs3-competition-line)}
    .fsgk-competition-card__links a:last-child{border-bottom:0}
    .fsgk-competition-teams>a{grid-template-columns:36px 48px minmax(0,1fr) 18px}
    .fsgk-competition-teams em{display:none}
    .fsgk-scoreboard{grid-template-columns:1fr}
    .fsgk-scoreboard__score{order:-1;margin-bottom:8px}
    .fsgk-scoreboard__team{display:flex!important;text-align:left!important}
    .fsgk-scoreboard__team.is-away{flex-direction:row}
    .fsgk-scoreboard__team>span{margin:0}
    .fsgk-scoreboard__team h1{font-size:23px}
    .fsgk-standing-team strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}


/* =========================================================
   Pregled takmičenja: kompletna tabela i kompaktne utakmice
   ========================================================= */
.fsgk-competition-overview-grid{
    align-items:start;
}

.fsgk-panel .fsgk-standings-wrap.is-compact{
    overflow:visible;
}

.fsgk-standings-table.is-compact{
    min-width:0;
    table-layout:fixed;
}

.fsgk-standings-table.is-compact th,
.fsgk-standings-table.is-compact td{
    padding:11px 7px;
    font-size:12px;
}

.fsgk-standings-table.is-compact th:first-child,
.fsgk-standings-table.is-compact td:first-child{
    width:56px;
}

.fsgk-standings-table.is-compact th:nth-child(2),
.fsgk-standings-table.is-compact td:nth-child(2){
    width:auto;
}

.fsgk-standings-table.is-compact th:nth-child(n+3),
.fsgk-standings-table.is-compact td:nth-child(n+3){
    width:47px;
}

.fsgk-standings-table.is-compact th:last-child,
.fsgk-standings-table.is-compact td:last-child{
    width:58px;
}

.fsgk-standings-table.is-compact .fsgk-position{
    width:30px;
    height:30px;
}

.fsgk-standing-team.is-compact{
    display:block;
    overflow:hidden;
    min-width:0;
}

.fsgk-standing-team.is-compact strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.fsgk-standings-table.is-compact .fsgk-points{
    min-width:34px;
    height:31px;
    color:#fff;
    background:var(--fs3-competition-red);
}

.fsgk-compact-matches{
    gap:14px;
}

.fsgk-overview-match{
    overflow:hidden;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
    box-shadow:0 8px 20px rgba(8,29,52,.05);
    transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.fsgk-overview-match:hover{
    border-color:rgba(255,0,0,.35);
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(8,29,52,.09);
}

.fsgk-overview-match__meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px 12px;
    padding:10px 14px;
    border-bottom:1px solid var(--fs3-competition-line);
    background:#f6f8fa;
}

.fsgk-overview-match__meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--fs3-competition-muted);
    font-size:10px;
    font-weight:700;
}

.fsgk-overview-match__meta span i{
    color:var(--fs3-competition-red);
}

.fsgk-overview-match__meta em{
    margin-left:auto;
    padding:5px 8px;
    color:#fff;
    background:var(--fs3-competition-navy);
    font-size:9px;
    font-style:normal;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.fsgk-overview-match.is-finished .fsgk-overview-match__meta em{
    background:#168447;
}

.fsgk-overview-match.is-live .fsgk-overview-match__meta em{
    background:#e89613;
}

.fsgk-overview-match__scoreboard{
    display:grid;
    grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:14px;
}

.fsgk-overview-match__team{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:var(--fs3-competition-navy);
}

.fsgk-overview-match__team.is-home{
    flex-direction:row-reverse;
    text-align:right;
}

.fsgk-overview-match__team>span{
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    height:36px;
    padding:4px;
    border:1px solid var(--fs3-competition-line);
    background:#fff;
}

.fsgk-overview-match__team img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.fsgk-overview-match__team b{
    color:var(--fs3-competition-navy);
    font-size:9px;
}

.fsgk-overview-match__team strong{
    display:block;
    overflow:hidden;
    color:inherit;
    font-size:12px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.fsgk-overview-match__team:hover{
    color:var(--fs3-competition-red);
}

.fsgk-overview-match__result{
    display:block;
    padding:9px 5px;
    color:#fff;
    background:var(--fs3-competition-navy);
    text-align:center;
}

.fsgk-overview-match__result:hover{
    color:#fff;
    background:var(--fs3-competition-red);
}

.fsgk-overview-match__result strong{
    display:block;
    color:inherit;
    font-family:var(--heading-font);
    font-size:24px;
    font-weight:800;
    line-height:1;
}

.fsgk-overview-match__result strong i{
    padding:0 3px;
    color:var(--fs3-competition-red);
    font-style:normal;
}

.fsgk-overview-match__result:hover strong i{
    color:#fff;
}

.fsgk-overview-match__result small{
    display:block;
    margin-top:5px;
    color:rgba(255,255,255,.7);
    font-size:7px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.fsgk-overview-match__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:9px 14px;
    border-top:1px solid var(--fs3-competition-line);
}

.fsgk-overview-match__footer span{
    overflow:hidden;
    color:var(--fs3-competition-muted);
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.fsgk-overview-match__footer span i{
    margin-right:6px;
    color:var(--fs3-competition-red);
}

.fsgk-overview-match__footer a{
    flex:0 0 auto;
    color:var(--fs3-competition-red);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.fsgk-overview-match__footer a:hover{
    color:var(--fs3-competition-navy);
}

@media(max-width:1199px){
    .fsgk-competition-overview-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:575px){
    .fsgk-panel{
        padding:22px 14px;
    }

    .fsgk-standings-table.is-compact th,
    .fsgk-standings-table.is-compact td{
        padding:9px 4px;
        font-size:10px;
    }

    .fsgk-standings-table.is-compact th:first-child,
    .fsgk-standings-table.is-compact td:first-child{
        width:43px;
    }

    .fsgk-standings-table.is-compact th:nth-child(n+3),
    .fsgk-standings-table.is-compact td:nth-child(n+3){
        width:33px;
    }

    .fsgk-standings-table.is-compact th:last-child,
    .fsgk-standings-table.is-compact td:last-child{
        width:42px;
    }

    .fsgk-standings-table.is-compact .fsgk-position{
        width:26px;
        height:26px;
    }

    .fsgk-standings-table.is-compact .fsgk-points{
        min-width:29px;
        height:27px;
        padding:0 5px;
    }

    .fsgk-overview-match__scoreboard{
        grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);
        gap:6px;
        padding:12px 8px;
    }

    .fsgk-overview-match__team{
        display:block;
        text-align:center!important;
    }

    .fsgk-overview-match__team.is-home{
        flex-direction:initial;
    }

    .fsgk-overview-match__team>span{
        width:34px;
        height:34px;
        margin:0 auto 6px;
    }

    .fsgk-overview-match__team strong{
        font-size:10px;
        white-space:normal;
    }

    .fsgk-overview-match__result strong{
        font-size:20px;
    }
}