html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;max-width:100%!important;width:100%!important;overflow-x:hidden!important;position:relative}*{margin:0;padding:0;box-sizing:border-box}
:root{--bg-color:#f6f8fb;--header-bg:#ffffff;--text-color:#1d273b;--text-muted:#667085;--border-color:#e6e7e9;--input-focus:#206bc4;--input-bg:#ffffff}[data-bs-theme="dark"]{--bg-color:#0c1524;--header-bg:#141f32;--text-color:#f4f6fa;--text-muted:#7c8ea5;--border-color:#202b3e;--input-bg:#0c1524}body{transition:background 0.2s,color 0.2s}header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);height:64px;display:flex;align-items:center;padding:0 40px;position:sticky;top:0;z-index:1000;max-width:100%!important;width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.container{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}



.logo-container {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  height: 100% !important;
  line-height: 1 !important;
  
  /* Fonturile native ale sistemului */
  font-family: ui-rounded, 'Segoe UI Rounded', 'Arial Rounded MT Bold', -apple-system, sans-serif !important;
  
  /* 1. MODIFICAT: Textul este acum mai îngroșat (600 în loc de 400) */
  font-size: 35px !important;
  font-weight: 600 !important; 
  letter-spacing: 1px !important; 

  /* O umbră extrem de fină pentru fluiditate luminoasă */
  text-shadow: 0 0 1px rgba(0, 212, 255, 0.5) !important;

  /* 2. GRADIENTUL TĂU ORIGINAL DIN ROOT */
  background: linear-gradient(to right, var(--text-color) 60%, #00d4ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Responsivitate excelentă pentru Mobile (sub 768px) */
@media (max-width: 768px) {
  .logo-container {
    font-size: 32px !important;
    letter-spacing: 0.8px !important;
    
    /* Păstrăm aceeași grosime și pe mobil */
    font-weight: 600 !important;
    
    background: linear-gradient(to right, var(--text-color) 55%, #00d4ff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }
}






.controls{display:flex;align-items:center;gap:12px;flex-grow:1;justify-content:flex-end;padding-left:32px}.search-box{position:relative;max-width:580px;width:100%;margin-right:8px}.search-box input{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:inherit;outline:none;transition:border-color 0.2s}.search-box input:focus{border-color:var(--input-focus)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:2}#mobile-search-bar{display:none;background:var(--header-bg);border-bottom:1px solid var(--border-color);padding:12px;position:sticky;top:64px;z-index:999}#mobile-search-bar.show,#mobile-search-bar.active{display:block!important}.results-dropdown{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--header-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px;box-shadow:0 10px 25px rgb(0 0 0 / .35)!important;z-index:999999!important;max-height:340px;overflow-y:auto;margin-top:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}@media (max-width:991px){.web-only{display:none!important}}

@media (min-width:992px){
    .web-only, .search-box.web-only{display:block!important;visibility:visible!important;opacity:1!important}
    .search-box.web-only { margin-right: 0 !important; }
    #mobile-search-bar{display:none!important}
    header,header .container,header .controls{overflow:visible!important}
    .search-box.web-only .results-dropdown{left:0;right:0;width:100%}
}

.btn-group{display:flex;align-items:center;gap:8px}.btn-icon{background:rgb(32 107 196 / .08);border:none;cursor:pointer;color:var(--input-focus,#206bc4);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;transition:background 0.2s,transform 0.1s}.btn-icon:hover{background:rgb(32 107 196 / .15);color:var(--input-focus,#206bc4)}.btn-icon:active{transform:scale(.95)}.btn-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}.main-layout{display:flex;max-width:1400px;margin:10px auto;padding:0 40px;gap:32px;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.sidebar{width:250px;flex-shrink:0}.label-cat{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:700}.section-title{font-size:20px;color:var(--text-color);font-weight:500;padding-bottom:4px;margin-bottom:12px;border-bottom:1px solid #00a2ff}.nav-list{list-style:none}.nav-item{margin-bottom:2px}.nav-link{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;text-decoration:none;color:var(--text-color);font-size:14px;border-radius:6px}.nav-link:hover{background:rgb(32 107 196 / .08);color:var(--input-focus)}.nav-link.active{background:rgb(32 107 196 / .1);color:var(--input-focus);font-weight:600}.no-results{display:none;text-align:center;padding:40px;color:var(--text-muted);font-size:14px}.drawer-header{display:none}.btn-close{font-size:32px;font-weight:700;background:none;border:none;color:var(--text-muted);cursor:pointer;line-height:1}.mobile-only{display:none!important}

@media (max-width:768px){
    header{padding:0 !important}
    .mobile-only{display:flex!important}
    .main-layout{padding:12px;margin:0;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
    
    /* FIX COMPLET: ÎMPINGEM BUTOANELE ÎN MARGINI */
    header .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important; /* Spațiul dintre butoane și marginea ecranului */
        box-sizing: border-box !important;
        position: relative !important;
    }
    
    /* Logo fix pe centrul ecranului */
    header .logo-container {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        z-index: 10 !important;
    }
    
    /* Controls se extinde acum pe toată lățimea pe mobil */
    header .controls {
        padding-left: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
    }
    
    /* Grupul de butoane se deschide complet și trimite elementele la capete */
    header .btn-group {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 0 !important;
    }
    
    header #menu-btn {
        order: -1 !important; /* Trimite liniuțele în stânga de tot */
    }
    
    header #search-btn {
        order: 1 !important; /* Trimite lupa în dreapta de tot */
    }
    
    header #theme-toggle {
        display: none !important; /* Ascuns complet pe mobil */
    }

    .sidebar{position:fixed;top:0;left:-100%;width:100%;height:100%;background:var(--header-bg);z-index:2000;transition:0.3s ease}.sidebar.active{left:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:64px;border-bottom:1px solid var(--border-color)}.sidebar-content{padding:20px 8px}.label-cat{text-align:center}}.site-footer{background:#fff0;margin-top:24px;padding:16px 0;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.footer-container{width:100%;max-width:1400px;margin:0 auto;padding:0 40px;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}

.footer-top-row{border-top:1px solid var(--border-color);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px}@media (min-width:769px){.footer-top-row{margin-left:282px}}.footer-copyright{font-size:13px;color:var(--text-muted);margin:0}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-color);text-decoration:none;font-size:14px;font-weight:500;padding:4px 0;transition:color 0.15s ease}.footer-links a:hover{color:var(--input-focus)}.footer-disclaimer{width:100%;text-align:center;font-size:13px;color:var(--text-muted);line-height:1.4;margin:0}@media (max-width:768px){.footer-container{padding:0 12px}.footer-top-row{margin-left:0;flex-direction:column;text-align:center;gap:10px}.footer-links{justify-content:center;order:1}.footer-disclaimer{order:2}.footer-copyright{order:3}}.cat-icon-inline svg{width:100%;height:100%;display:block;vertical-align:middle}.btn-icon svg.hidden{display:none!important}.btn-apk{display:none}@media (max-width:1024px){.btn-apk{display:block;max-width:450px;margin:10px auto;background-color:#00853c;color:#ffffff!important;padding:8px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(12px,3.5vw,14px);font-weight:500;text-align:center;text-decoration:none!important;text-transform:uppercase;letter-spacing:.2px;line-height:1.2;border-radius:6px;box-shadow:0 2px 4px rgb(0 0 0 / .15);content-visibility:auto}.btn-apk:active{background-color:#00662e;transform:scale(.98)}}@media (max-width:992px){ins,iframe{max-width:100%!important;width:100%!important;overflow:hidden!important;box-sizing:border-box!important}}@media (max-width:320px){.main-layout,.container,header,footer,body,html{max-width:100%!important;width:100%!important;overflow:hidden!important;box-sizing:border-box!important}}
.content-area{flex-grow:1;min-width:0;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.content-area .h1{font-size:18px!important;font-weight:500!important;text-align:center!important;color:var(--text-color,#1e293b);margin:-2px 0 4px 0!important;line-height:1.2}.content-area .desc{font-size:13px!important;color:var(--text-muted,#64748b);margin:0 auto 8px auto!important;text-align:center!important;line-height:1.4;width:100%!important;max-width:none!important}.channels-grid{display:grid;gap:12px;margin-top:8px;align-items:stretch;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}@media (min-width:1024px){.channels-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:600px) and (max-width:1023px){.channels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.channels-grid{grid-template-columns:1fr}}.channel-card{background:var(--header-bg);border:1px solid var(--border-color);border-radius:6px;transition:background 0.2s,border-color 0.2s;display:flex;flex-direction:column;height:100%;overflow:hidden}.channel-card:hover{background:rgb(32 107 196 / .03);border-color:var(--input-focus)}.channel-link{display:flex;align-items:center;padding:8px 12px;text-decoration:none;gap:12px;color:inherit;width:100%;flex-grow:1;min-width:0;min-height:64px}.channel-img-box{width:48px;height:48px;flex-shrink:0}.channel-img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;border-radius:4px;background:#f8fafc;border:1px solid var(--border-color)}.channel-meta-wrapper{display:flex;align-items:center;justify-content:space-between;flex-grow:1;min-width:0;gap:8px}.channel-meta{display:flex;flex-direction:column;min-width:0;flex-grow:1}.channel-name{font-size:14px;font-weight:700;line-height:1.2;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.top-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0}.top-1{background-color:rgb(214 57 57 / .08);color:#d63939}.top-2{background-color:rgb(245 159 0 / .08);color:#f59f00}.top-3{background-color:rgb(32 107 196 / .08);color:#206bc4}.channel-epg-text{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin:4px 0 0 0;overflow:hidden;min-width:0}.live-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#d63939;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px;line-height:1;flex-shrink:0;box-shadow:0 1px 2px rgb(214 57 57 / .2)}.current-show{font-weight:400;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-grow:1}[data-bs-theme="dark"] .channel-img{background:#0c1524}.categories-wrapper{margin-top:12px;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.category-block{margin-bottom:12px}.category-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px;margin-bottom:12px;border-bottom:1px solid #00a2ff}.category-header h2{font-size:20px;color:var(--text-color);font-weight:500;line-height:1;margin:0}.category-header .view-all{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#206bc4;text-decoration:none;font-weight:600;background:#fff0;border:1px solid #206bc4;padding:0 12px;border-radius:4px;height:26px;white-space:nowrap;transition:background 0.1s ease,color 0.1s ease}.category-header .view-all:hover{background:#206bc4;color:#fff}@media (max-width:480px){.category-header h2{font-size:18px}.category-header .view-all{font-size:11px;padding:0 10px;height:24px}.section-title{font-size:18px}.categories-wrapper{margin-top:8px}}.seo-top-block-v3{position:relative!important;z-index:10!important}.canal-layout-grid{position:relative!important;z-index:1!important;display:block!important;clear:both!important;margin-top:10px!important}.container-xl{display:flex!important;flex-direction:column!important;gap:5px;width:100%;box-sizing:border-box;max-width:100%!important;overflow:hidden!important}.channel-content{width:100%;background-color:var(--header-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px;box-shadow:0 4px 15px var(--card-shadow);box-sizing:border-box;transition:background-color 0.2s,border-color 0.2s;position:relative!important;overflow:hidden!important}.header-container-fluid{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.left-side-header{display:flex;align-items:center;gap:15px;flex:1;min-width:0}.channel-avatar-v3{width:50px;height:50px;border-radius:6px;object-fit:cover;flex-shrink:0}.channel-title-seo{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.channel-title-seo h1{font-size:16px;font-weight:500;margin:0;color:var(--text-color);line-height:1.3}.epg-info-inline{display:flex;align-items:center;gap:8px;font-size:13px}.badge-live-v3{background:#dc2626;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:3px;flex-shrink:0}.current-program-title{color:var(--text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.no-epg-text{color:var(--text-muted);font-style:italic}.fav-btn-v3{background:transparent!important;border:1px solid rgb(239 68 68 / .4);color:#ef4444;width:44px;height:44px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s,transform 0.2s,border-color 0.2s;flex-shrink:0}.fav-btn-v3:hover{background:rgb(239 68 68 / .1)!important;transform:scale(1.05)}@media (max-width:576px){.channel-content{padding:8px}.header-container-fluid{gap:10px}.left-side-header{gap:10px}.channel-avatar-v3{width:42px;height:42px}.channel-title-seo h1{font-size:14px}.epg-info-inline{font-size:12px}.fav-btn-v3{width:38px;height:38px}}.canal-layout-grid{display:block!important;width:100%;max-width:100%;margin:0 auto;clear:both!important;position:relative!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

.player-column{display:flex;flex-direction:column;gap:12px;width:100%;position:relative;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.player-frame-v3{display:block!important;position:relative!important;width:100%;background:#090d16;border-radius:8px;overflow:hidden;clear:both}.video-aspect-ratio{position:relative!important;width:100%;padding-top:56.25%;background:#000}.locked-glass-screen{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;z-index:5}.locked-glass-screen img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;filter:brightness(.5) blur(1px);z-index:1}



.btn-unlock-v3 {
    position: relative !important;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgb(255 255 255 / .15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgb(255 255 255 / .25);
    color: #fff;
    padding: 16px 36px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 16px;
    cursor: pointer;
    box-shadow: 0 8px 32px 0 rgb(0 0 0 / .3);
    transition: all 0.3s ease;
}

.btn-unlock-v3:hover {
    background: rgb(255 255 255 / .25);
    border-color: rgb(255 255 255 / .4);
    transform: scale(1.04);
}

#unlocked-v3 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 4;
}

/* REPARAT: Eliminat min-height și redus margin-bottom la 2px pentru distanță minimă sus/jos */
.sources-centered-bar, #ui-sources-v3 {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important; 
}

.srv-tab-btn {
    flex: 1;
    min-width: 110px;
    background: #1e293b;
    color: #94a3b8;
    border: 1px solid #334155;
    padding: 9px 16px !important; 
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: center;
    height: auto !important;
    min-height: auto !important;
    line-height: 1.4 !important; 
    box-sizing: border-box !important;
}

.srv-tab-btn:hover {
    background: #334155;
    color: #f8fafc;
}

.srv-tab-btn.active {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
    font-weight: 600;
}

@media (max-width:576px) {
    .btn-unlock-v3 {
        padding: 14px 28px;
        font-size: 15px;
        border-radius: 12px;
    }
    .srv-tab-btn {
        flex: 1 1 calc(50% - 4px);
        padding: 8px 12px !important; 
        font-size: 12px;
    }
}




.zona-ad-player-mica {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px; /* Spațiu discret până la player */
    width: 100%;
    
 
    min-height: 90px; 
}

/* PE MOBIL (Ecrane sub 768px) */
@media (max-width: 768px) {
    .zona-ad-player-mica {
       
        min-height: 50px; 
    }
}

/* Container pentru reclame mari (ex: dreptunghiuri sau pătrate) */
.zona-ad-mare {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0; /* Spațiu sus și jos */
    width: 100%;
    
    /* PE DESKTOP & MOBIL: Rezervăm 280px înălțime (perfect pentru formatul 300x250 sau 336x280) */
    min-height: 280px; 
}

/* Dacă pe telefoane foarte mici (sub 360px lățime) vrei să fie o idee mai îngustă */
@media (max-width: 360px) {
    .zona-ad-mare {
        min-height: 250px; 
    }
}



.container-xl{display:flex!important;flex-direction:column!important;gap:5px;width:100%;box-sizing:border-box;max-width:100%!important;overflow:hidden!important}.radio-main-title{font-size:22px;font-weight:700;margin:0 0 6px 0;padding:0;color:var(--text-color);line-height:1.2;text-align:center}.radio-main-description{font-size:14px;color:var(--text-muted);margin:0 auto 18px auto;padding:0;line-height:1.4;text-align:center;max-width:850px}.radio-player-box{background-color:var(--header-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:15px;margin-bottom:15px;position:relative;overflow:hidden;max-width:100%!important;box-sizing:border-box!important}.player-poster{width:65px;height:65px;border-radius:6px;object-fit:cover;flex-shrink:0;background-color:var(--bg-color)}.player-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.player-title{margin:0;font-size:17px;color:var(--text-color);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:8px;width:100%}.btn-action{border:none;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:5px;flex-shrink:0;transition:opacity 0.15s ease-in-out}.btn-action:hover{opacity:.9}.btn-action svg{width:11px;height:11px;fill:currentColor}.btn-play{background-color:#2cba42}.btn-stop{background-color:#e50914}.btn-refresh{background-color:var(--input-focus)}.player-volume{display:flex;align-items:center;gap:8px;flex-grow:1;margin-left:15px}.player-volume span{font-size:11px;font-weight:700;color:var(--text-muted)}.player-volume input[type=range]{width:100%;-webkit-appearance:none;height:4px;background-color:var(--border-color);border-radius:2px;outline:none;cursor:pointer}.player-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background-color:var(--input-focus);border-radius:50%;cursor:pointer}.player-volume input[type=range]::-moz-range-thumb{width:12px;height:12px;background-color:var(--input-focus);border:none;border-radius:50%;cursor:pointer}.grid-radio-stations{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.station-item{background-color:var(--header-bg);border:1px solid var(--border-color);padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all 0.15s ease-in-out;min-width:0}.station-item:hover{border-color:var(--input-focus);background-color:var(--bg-color);transform:translateY(-2px)}.station-item img{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;background-color:var(--bg-color)}.station-item span{font-size:13px;color:var(--text-color);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.grid-radio-stations{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.radio-player-box{flex-direction:column;align-items:center;text-align:center;padding:15px}.player-poster{width:80px;height:80px}.player-controls{justify-content:center;flex-wrap:wrap;gap:10px;margin-top:6px}.player-volume{margin-left:0;width:100%;margin-top:12px;justify-content:center}.player-volume input[type=range]{max-width:220px}.grid-radio-stations{grid-template-columns:repeat(2,1fr);gap:8px}.station-item{padding:8px 10px;gap:8px}.station-item img{width:34px;height:34px}.station-item span{font-size:12px}}.no-favorites-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:rgb(239 68 68 / .03)!important;border:1px solid rgb(239 68 68 / .15)!important;border-radius:8px;box-shadow:0 4px 20px rgb(239 68 68 / .04);padding:40px 20px;width:100%!important;box-sizing:border-box;margin-top:10px}.no-favorites-icon{color:#ef4444;opacity:.8;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 8px rgb(239 68 68 / .2))}.no-favorites-title{font-size:16px;font-weight:500;color:var(--text-color,#1e293b);margin:0 0 6px 0}.no-favorites-guide{font-size:13.5px;color:var(--text-muted,#64748b);line-height:1.5;max-width:360px;margin:0}.no-favorites-guide strong{color:#ef4444;font-weight:600}.modern-matches-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text-color,#1a1a1a);padding:15px 0;width:100%;box-sizing:border-box;max-width:100%!important;overflow:hidden!important}.modern-matches-container *{box-sizing:border-box}.seo-h3-title{font-size:1.4rem;font-weight:800;color:var(--text-color,#111827);text-align:center;margin:0 0 8px 0;letter-spacing:-.3px}.seo-p-desc{font-size:.95rem;color:var(--text-muted,#4b5563);text-align:center;margin:0 0 25px 0;line-height:1.5}.day-title-block{color:#ffffff!important;padding:12px 16px;font-size:1rem;font-weight:700;border-radius:8px;margin-top:30px;margin-bottom:15px;display:flex;align-items:center;gap:8px;width:100%}.day-title-block.is-today{background:#dc2626!important}.day-title-block.is-future{background:#2563eb!important}.matches-list-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.match-card-wrapper{border-radius:12px;border:1px solid var(--border-color,#e5e7eb);box-shadow:0 2px 4px rgb(0 0 0 / .02);overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;width:100%}.match-card-wrapper:hover{transform:translateY(-1px);box-shadow:0 4px 6px rgb(0 0 0 / .05)}.match-card-wrapper.card-future{background:var(--header-bg,#ffffff)}.match-card-wrapper.card-today{background:rgb(220 38 38 / .04);border-color:rgb(220 38 38 / .15)}.match-main-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px;width:100%;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.match-flag-prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px!important;height:36px!important;background:var(--border-color,#f3f4f6);border-radius:8px;overflow:hidden;border:1px solid var(--border-color,#e5e7eb)}.match-flag-prefix img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}.match-center-timeline{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;min-width:0;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.team-name-display{font-size:.95rem;font-weight:600;color:var(--text-color,#1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.team-name-display.home{text-align:right}.team-name-display.away{text-align:left}.time-badge-center{background:rgb(0 0 0 / .04);color:var(--text-color,#111827);font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap;border:1px solid rgb(0 0 0 / .05);min-width:55px;text-align:center;flex-shrink:0}.btn-toggle-svg{background:#fff0;border:1px solid var(--border-color,#d1d5db);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background 0.2s,border-color 0.2s}.btn-toggle-svg:hover{background:rgb(0 0 0 / .03);border-color:var(--text-color,#9ca3af)}.btn-toggle-svg svg{width:14px;height:14px;fill:none;stroke:var(--text-color,#4b5563);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 0.25s cubic-bezier(.4,0,.2,1)}.btn-toggle-svg.is-active svg{transform:rotate(180deg);stroke:#dc2626}.channel-dropdown-panel{display:none;border-top:2px solid var(--border-color);padding:12px 16px;background:rgb(0 0 0 / .01);max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.channel-content-inner{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text-muted,#4b5563);width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.channel-content-inner img{max-height:22px;width:auto;max-width:90px;object-fit:contain;display:block}@media (max-width:600px){.match-main-row{padding:12px 10px;gap:8px}.match-center-timeline{gap:6px}.team-name-display{font-size:.85rem}.time-badge-center{font-size:.75rem;padding:3px 6px;min-width:48px}.match-flag-prefix{width:32px!important;height:32px!important}}