:root{
    --bg:#0096f3;
    --bg-dark:#167ce9;
    --bg-darker:#0078cc;
    --card:#0a8fe6;
    --card-2:#007fd5;
    --text:#fff;
    --muted:rgba(255,255,255,.72);
    --border:rgba(255,255,255,.18);
    --orange:#ff8e13;
    --live:#ff5e6c;
    --shadow:0 20px 40px rgba(0,56,100,.22);
    --gradient-card: linear-gradient(180deg, hsl(211 83% 50%) 0%, hsl(211 83% 43%) 100%);
}
html{
    scroll-behavior:smooth
}
body{
    font-family:Inter,system-ui,sans-serif;
    background:linear-gradient(180deg,var(--bg) 0%,var(--bg-dark) 60%,var(--bg-darker) 100%);
    color:var(--text);
    min-height:100vh
}
*:focus {
    box-shadow: none !important;
}
a{
    text-decoration:none}
.page-inner{position:relative;background:linear-gradient(180deg,#0698f0 0%,#068de1 100%)}
.inner-bg-glow{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(35px);opacity:.25;pointer-events:none;z-index:0}
.inner-bg-glow-left{background:#3ac0ff;left:-120px;top:120px}
.inner-bg-glow-right{background:#ffa340;right:-120px;top:180px}
.site-header{background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,0));backdrop-filter:saturate(1.15) blur(8px);z-index:1040}
.site-header.site-header-solid{background:rgba(0,130,214,.86)}
.navbar-brand{font-weight:800;color:#fff}

.brand-logo
{
    height:2rem;
    width:auto
}

@media (min-width: 576px) {
  .brand-logo
    {
        height:4rem;
        width:auto
    }
}

.brand-badge{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.14);padding:.4rem .8rem;font-size:.9rem;font-weight:700;color:#fff}
.navbar .nav-link{color:rgba(255,255,255,.72);font-weight:600;padding:.5rem .8rem;border-radius:12px}
.navbar .nav-link.active,.navbar .nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.search-shell{gap:.4rem}
.search-input{
    width:0;
    background: rgba(255, 255, 255, .2);
    opacity:0;
    border-radius: 2px;
    padding-left:0;
    padding-right:0;
    border-color:transparent;
    color:#0e1f2e;
    transition:width .28s ease,opacity .22s ease,padding .2s ease,border-color .2s ease;box-shadow:none
}

.search-input::placeholder{color:#64748b}
.header-search.is-open .search-input{width:220px;opacity:1;padding-left:.9rem;padding-right:.9rem;border-color:rgba(255,255,255,.24);background-color: rgba(255, 255, 255, .1);color: #fff;}
@media (min-width:768px){.header-search.is-open .search-input{width:320px}}
.search-toggle{
    width:40px;
    height:40px;
    border-radius:14px;
    color:rgba(255,255,255,.78);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0)
}
.search-toggle:hover{
    color:#fff;
    background:rgba(255,255,255,0)
}
.search-icon{font-size:1.15rem;line-height:1;font-weight:700}

.search-dropdown{
    position:absolute;
    top:100%;
    right:0;
    margin-top:.7rem;
    width:min(92vw,420px);
    background:rgba(7,25,42,.96);
    border:1px solid rgba(255,255,255,.1);
    border-radius:12px;
    box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(16px);z-index:1050}.search-item,.search-more{width:100%;border:0;background:transparent;color:#fff;text-align:left}.search-item{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.search-item:last-child{border-bottom:0}.search-item:hover,.search-more:hover{background:rgba(255,255,255,.06)}.search-thumb{width:72px;height:46px;border-radius:10px;object-fit:cover;background:#0f2a40;flex:0 0 auto}.search-item-title{font-size:.95rem;font-weight:700;line-height:1.2;margin:0 0 .2rem}.search-item-meta{font-size:.8rem;color:var(--muted);line-height:1.2}.search-live{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.25rem .55rem;background:rgba(255,94,108,.16);color:#ff8794;font-size:.72rem;font-weight:800;margin-left:auto}.search-more{padding:1rem;font-size:.92rem;font-weight:700;color:#ffa84a}.search-empty{padding:1rem;color:var(--muted);font-size:.9rem}

.hero-section{position:relative;min-height:690px;overflow:hidden; a--spect-ratio: 16/9;}

@media (max-width:768px){
.hero-video{
/*display:none;*/
}


}


.hero-bg{position:absolute;inset:0;background-image:url('../assets/hero-stadium-CnwBvkTM.jpg');background-size:cover;background-position:center; inset: 0;
    overflow: hidden;}

.hero-video{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 177.77vh;   /* 16/9 poměr */
    height: 100vh;

    min-width: 100%;
    min-height: 100%;

    transform: translate(-50%, -50%);
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(3,18,36,.3) 0%,rgba(0,32,58,.12) 25%,rgba(0,120,204,.1) 50%,rgba(0,150,243,.75) 74%,rgba(6,142,240,1) 100%)}
.hero-content{position:relative;z-index:1;padding-top:88px;padding-bottom:52px}
.min-vh-hero{min-height:610px}
.hero-copy{max-width:820px;padding-bottom:28px}

.hero-live-badge{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    border-radius:999px;
    padding:.125rem .5rem;
    background:#ef4343;
    color:#fff;
    font-size:10px;font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:1rem
}.hero-live-badge:before{content:'';width:.55rem;height:.55rem;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(255,94,108,.16)}
.hero-league{
    display:inline-flex;
    align-items:center;
    padding:0rem;
    font-size:1rem;
    margin-bottom:0rem;
    color: #ffffffcc;
        letter-spacing: .05em;
            text-transform: uppercase;
}

.hero-title{
    font-size:clamp(2.4rem,6vw,4.5rem);
    line-height:120%;
    font-weight:900;
    margin-bottom:0rem;
    color: #fff;
}
.hero-meta{font-size:clamp(1rem,2vw,1.25rem);line-height:1.45;color:#c9d8e8;max-width:720px}

.btn-hero-play{
    border-radius:12px;
    font-weight:700;
    color:#fff;
    box-shadow:0 16px 30px rgba(0,0,0,.18);
    border: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
        padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: rgb(255, 136, 0);

}



.btn-hero-play svg{
    width: 1rem;
    height: 1rem;
}
.btn-hero-play:hover{
background-color:#ff8800e6;
color: #fff;
}
.section-block{position:relative;z-index:1;padding:1rem 0}
.section-head{margin-bottom:1rem}
.section-title{
    
    font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:700;margin:0}
.section-link{font-weight:700;color:#ff8800}.section-link:hover{color:#ffd199}.card-col{display:flex}

.match-card{
    position:relative;
    width:100%;
    background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);
    border:0px solid rgba(255,255,255,.12);
    border-radius:12px;
    box-shadow:var(--shadow);
    overflow:hidden;cursor:
    pointer;transform:translateY(0);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.match-card:hover{transform:translateY(0px);box-shadow:0 22px 44px rgba(0,56,100,.28);border-color:rgba(255,255,255,.22)}
.match-card:hover .play-pill{
    opacity: 1;
}
.match-card:hover .match-thumb{
    transform:scale(1.1);
}
.match-thumb-wrap{
    position:relative;
    aspect-ratio:16/9;
    background:rgba(7,25,42,.2);
    overflow: hidden;
}
.match-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: transform 0.4s ease;
}
.match-overlay{position:absolute;inset:auto 0 0 0;padding:1rem .95rem .9rem;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,18,33,.16) 18%,rgba(0,29,48,.68) 100%)}
.match-live-badge{
    position:absolute;
    top:.9rem;
    left:.9rem;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:.36rem .65rem;
    font-size:.74rem;
    font-weight:800;
    background:rgba(8,23,38,.45);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.14)
}
    .match-live-badge{background:rgba(255,94,108,.22);border-color:rgba(255,94,108,.35)}.match-live-badge:before{content:'';width:.45rem;height:.45rem;border-radius:50%;background:var(--live);margin-right:.4rem;box-shadow:0 0 0 5px rgba(255,94,108,.15)}
    
    .play-pill{
        position:absolute;
        right:.9rem;
        bottom:.9rem;
        width:64px;
        height:64px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        background:rgba(255,255,255,.5);
        color:#fff;
        font-size:1.5rem;
        font-weight:800;
        box-shadow:0 10px 24px rgba(0,0,0,.2);
        opacity: 0;
  transition: opacity 0.3s ease;
    /*filter:blur(1px);*/
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  

    }
.match-date-badge{
    position:absolute;
    bottom:.75rem;
    left:.75rem;
    display:inline-flex;
    align-items:center;
    border-radius:.25rem;
    padding:.16rem .45rem;
    font-size:.75rem;
    font-weight:600;
    background:#2563ebe6;
    backdrop-filter:blur(8px);
}
.match-body{padding:1rem .95rem 1rem;background: var(--gradient-card);}

.fade-up {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeUp 0.6s ease forwards;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.match-league{
    font-size:.85rem;
    line-height: 1.25rem;
    letter-spacing: .05em;
        text-transform: uppercase;
    color:var(--muted);
    margin-bottom:.3rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.match-league svg{
    width: .75rem;
}

.match-league span:first-child {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-league span{
    align-self: center;
}

.match-title{
    font-size:1.125rem;
    font-weight:600;line-height:1.55;
    margin-bottom:0rem
}
.match-score{
    font-size:1.125rem;
    font-weight:600;line-height:1.55;
    margin-bottom:0rem
}
.match-time{
    position: absolute;
    background-color: #167ce9b3;
    top: .75rem;
    right: .75rem;
    font-size: .75rem;
        line-height: 1rem;
    color:var(--text);
    padding-left: .5rem;
        padding-right: .5rem;
    font-weight:500;
    padding-top:.25rem;
    padding-bottom:.25rem;
    border-radius: .25rem;
}
.inner-page-main{padding-top:88px;position:relative;z-index:1}.inner-page-section{padding-bottom:3rem}.btn-load-more{background:var(--orange);border:0;color:#fff;font-weight:800;border-radius:16px;padding:.9rem 1.4rem;box-shadow:0 16px 28px rgba(0,0,0,.15)}.btn-load-more:hover{background:#ffa23a;color:#fff}
.search-page-input{
    background:rgba(255,255,255,.6);
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    color:#102234;
    padding:.6rem .8rem
}
.search-page-input:focus{
    box-shadow:0 0 0 .2rem rgba(255,142,19,.18);
    border-color:rgba(255,142,19,.4)
}
.site-footer{background:#2f3b45;color:#fff;position:relative;z-index:1}.footer-inner{padding:1.5rem 3rem}.footer-container{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.footer-text{flex:1 1 auto;color:#ffffffb3;font-size:14px;line-height:1.35}.footer-paragraph{margin-top:8px}.footer-meta{margin-top:8px;color:#fff9}.footer-link{color:#3aa6ff;text-decoration:none}.footer-link:hover{opacity:.9}.footer-sep{margin:0 8px;color:#fff6}.footer-button{background:none;border:0;padding:0;cursor:pointer}.footer-cta{flex:0 0 auto;display:flex;align-items:flex-start}.register-link{color:#fff!important;background-color:#ff8e13;box-shadow:#00000024 0 2px 4px,#0000001f 0 3px 4px,#0003 0 1px 5px;fill:#fff;text-decoration:none;white-space:nowrap;border-radius:4px;border:none;display:inline-flex;justify-content:center;align-items:center;text-transform:uppercase;transition:background-color .3s ease 0s;padding:8px 16px;font-size:16px;line-height:18px;font-weight:500;cursor:pointer}.privacy-modal-content{background:#1f2b34;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:22px}.privacy-subtitle{font-size:.92rem;color:rgba(255,255,255,.7);margin-top:.2rem}.privacy-copy{color:rgba(255,255,255,.9);line-height:1.65}.privacy-box{border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:1rem 1rem .85rem;margin-top:1rem}.privacy-box-title{font-weight:700;margin-bottom:.4rem}.privacy-box ul{padding-left:1.1rem;margin:0}.privacy-box li+li{margin-top:.25rem}.privacy-link{color:#8fd0ff;text-decoration:underline;text-underline-offset:2px}.btn-privacy-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px}.btn-privacy-close:hover{background:rgba(255,255,255,.14);color:#fff}.player-modal .modal-dialog{max-width:min(1200px,96vw)}.player-frame-wrap{background:#000;box-shadow:0 24px 60px rgba(0,0,0,.35)}.player-frame-wrap iframe{width:100%;height:100%;border:0;background:#000}.text-muted{color:rgba(255,255,255,.72)!important}

@media (max-width:991.98px){
    .navbar-collapse{padding-top:.75rem}
    .header-search.is-open .search-input{width:170px}
    .hero-section,.min-vh-hero{min-height:620px}
}
@media (max-width:767.98px){
    .brand-badge{display:none}
    .hero-content{padding-top:84px;padding-bottom:30px}
    .hero-copy{padding-bottom:12px}
    .section-block{padding:.7rem 0}
    .footer-inner{padding-left:1rem;padding-right:1rem}
    .footer-container{flex-direction:column;align-items:stretch}
    .footer-cta{margin-top:12px}
    .register-link{width:100%}
    .search-dropdown{right:-12px;width:min(94vw,370px)}
    .play-pill{width:42px;height:42px}
    .hero-section,.min-vh-hero{min-height:320px}
}

.player-modal .modal-dialog {
    width: 96vw;
    max-width: none;
    margin: 1rem auto;
}

.player-frame-wrap {
    width: 100%;
    height: min(82vh, 1100px);
    margin: 0 auto;
}

.player-frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.modal-backdrop.show {
    opacity: 0.76;
}
.navbar .nav-link.active, .navbar .nav-link:hover{
    background-color: transparent;
}
#playerFullscreenWrap:fullscreen,
#playerFullscreenWrap:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    border-radius: 0 !important;
    background: #000;
}

#playerFullscreenWrap:fullscreen iframe,
#playerFullscreenWrap:-webkit-full-screen iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


.player-modal.player-landscape .modal-dialog {
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    margin: 0;
}

.player-modal.player-landscape .modal-content {
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
    background: #000 !important;
}

.player-modal.player-landscape .modal-header {
    display: none;
}

.player-modal.player-landscape .modal-body {
    padding: 0 !important;
    height: 100dvh;
}

.player-modal.player-landscape .player-frame-wrap {
    width: 100vw !important;
    height: 100dvh !important;
    border-radius: 0 !important;
}

.player-modal.player-landscape .player-frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.player-modal .modal-backdrop,
.modal-backdrop.show {
    opacity: 0.9;
}
.playkit-player-gui, .playkit-error-overlay{
    display: none!important;
}