.top-bar {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    margin: 0;
    border-radius: 0 !important;
    overflow: visible;
    background:
        radial-gradient(circle at 12% 50%, rgba(255, 196, 0, .16), transparent 42%),
        radial-gradient(circle at 96% -8%, rgba(0, 84, 168, .18), transparent 38%),
        linear-gradient(135deg, 
            #ffffff 0%,
            #fffbf0 22%,
            #fef7e8 44%,
            #f0f8ff 66%,
            #e8f4ff 88%,
            #e0f0ff 100%);
    border-top: 0;
    border-bottom: 3px solid rgba(255, 196, 0, .28);
    box-shadow: 
        0 18px 36px rgba(0, 84, 168, .14),
        inset 0 1px 0 rgba(255, 255, 255, .88),
        inset 0 -1px 0 rgba(255, 196, 0, .09);
    backdrop-filter: blur(10px);
}

.top-bar-inner {
    width: 100%;
    min-height: 88px;
    margin: 0;
    padding: 0 clamp(16px, 2.2vw, 34px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(14px, 1.8vw, 24px);
    flex-wrap: nowrap;
}

.header-left,
.top-bar-right,
.header-actions,
.main-nav {
    display: flex;
    align-items: center;
}

.header-left {
    flex: 1 1 auto;
    min-width: 0;
    gap: clamp(14px, 1.6vw, 22px);
    flex-wrap: nowrap;
}

.logo,
.logo:link,
.logo:visited,
.logo:hover,
.logo:active,
.logo:focus,
.logo:focus-visible {
    flex: 0 0 clamp(220px, 18vw, 300px);
    width: clamp(220px, 18vw, 300px);
    min-width: clamp(220px, 18vw, 300px);
    min-height: 64px;
}

.site-logo,
.logo img,
.logo svg {
    display: block !important;
    width: clamp(220px, 18vw, 300px) !important;
    max-width: clamp(220px, 18vw, 300px) !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
}

.top-bar-right {
    flex: 0 0 auto;
    margin-left: auto;
}


.main-nav {
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    flex: 0 0 auto;
}

.nav-separator {
    display: none;
}

.nav-link,
.nav-link:link,
.nav-link:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    overflow: hidden;
    isolation: isolate;
    color: var(--kt-blue-dark);
    background: rgba(255, 255, 255, .88);
    border: 1.5px solid rgba(0, 84, 168, .24);
    border-bottom: 1.5px solid rgba(0, 84, 168, .24);
    box-shadow:
        inset 0 1.5px 0 rgba(255, 255, 255, .95),
        0 8px 18px rgba(0, 84, 168, .11),
        inset 0 -1px 1px rgba(255, 196, 0, .12);
    font-size: .82rem;
    font-weight: 950;
    letter-spacing: .028em;
    text-transform: none;
    white-space: nowrap;
    text-decoration: none !important;
    transform: translateY(0);
    transition:
        transform .22s cubic-bezier(0.34, 1.56, 0.64, 1),
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease,
        color .22s ease;
}

.nav-link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(112deg,
        transparent 0%,
        transparent 30%,
        rgba(255, 255, 255, .16) 40%,
        rgba(255, 255, 255, .58) 48%,
        rgba(255, 255, 255, .16) 56%,
        transparent 66%,
        transparent 100%
    );
    transform: translateX(-125%) skewX(-18deg);
}

.nav-link::after {
    display: none !important;
    content: none !important;
}

.nav-link:not(.active):hover,
.nav-link:not(.active):focus-visible,
.nav-link.active,
.nav-link.active:hover,
.nav-link.active:focus-visible {
    color: #071124;
    background: linear-gradient(180deg, #ffd966 0%, #ffc400 48%, #ffb700 100%);
    border: 1.5px solid rgba(255, 196, 0, .48);
    border-bottom: 3px solid var(--kt-blue);
    box-shadow:
        inset 0 1.5px 0 rgba(255, 255, 255, .76),
        inset 0 -2px 4px rgba(155, 120, 0, .18),
        0 2px 0 rgba(0, 84, 168, .92),
        0 12px 28px rgba(255, 196, 0, .32),
        0 6px 14px rgba(0, 84, 168, .12);
}

.nav-link:not(.active):hover,
.nav-link:not(.active):focus-visible {
    transform: translateY(-3px);
}

.nav-link.active,
.nav-link.active:hover,
.nav-link.active:focus-visible {
    transform: none;
}

.nav-link:not(.active):hover::before,
.nav-link:not(.active):focus-visible::before {
    opacity: 1;
    animation: ktNavShine .62s ease-out 1;
}

.nav-link.active::before,
.nav-link.active:hover::before,
.nav-link.active:focus-visible::before {
    opacity: 0;
    animation: none;
}

.search-wrapper {
    position: relative;
    flex: 0 1 430px;
    width: clamp(320px, 28vw, 430px);
    max-width: 430px;
}

.header-discovery-nav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 10px;
    flex: 0 0 auto;
}

.header-discovery-link {
    position: relative;
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    overflow: hidden;
    border: 1px solid #b9d6ee;
    border-radius: 5px;
    background: rgba(255, 255, 255, .88);
    color: #0054a8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 18px rgba(0, 84, 168, .08);
    font-size: .82rem;
    font-weight: 950;
    text-decoration: none;
    white-space: nowrap;
}

.header-discovery-link::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .78) 46%, transparent 62%);
    transform: translateX(-130%) skewX(-18deg);
}

.header-discovery-link:hover,
.header-discovery-link:focus-visible {
    border-color: rgba(0, 84, 168, .42);
    color: #071124;
    text-decoration: none;
    transform: translateY(-1px);
}

.header-discovery-link:hover::after,
.header-discovery-link:focus-visible::after {
    opacity: 1;
    animation: ktHeaderDiscoveryShine 1.1s ease both;
}

.header-discovery-fresh {
    border-color: rgba(255, 196, 0, .68);
    background: linear-gradient(180deg, #ffdd58 0%, #ffc400 100%);
    color: #071124;
}

.header-discovery-top {
    background: linear-gradient(180deg, #ffffff 0%, #edf8ff 100%);
}

.header-discovery-svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.header-discovery-fresh .header-discovery-svg {
    animation: ktHeaderBolt 1.65s ease-in-out infinite;
}

.header-discovery-top .header-discovery-svg {
    color: #e2551f;
    animation: ktHeaderHot 1.9s ease-in-out infinite;
}

.search-input {
    width: 100%;
    min-height: 44px;
    padding: 10px 46px 10px 16px;
    color: var(--kt-ink);
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(0, 84, 168, .22);
    box-shadow: inset 0 1px 2px rgba(0, 84, 168, .06), 0 8px 18px rgba(0, 84, 168, .07);
}

.search-input::placeholder {
    color: rgba(10, 42, 74, .48);
}

.search-input:focus {
    outline: none;
    border-color: var(--kt-blue);
    box-shadow: var(--kt-focus), inset 0 1px 2px rgba(0, 84, 168, .08);
}

.search-icon {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    color: var(--kt-blue);
    transform: translateY(-50%);
}

.search-icon::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.search-results {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: auto;
    z-index: 1200;
    display: none;
    width: min(520px, calc(100vw - 24px));
    max-height: min(72vh, 560px);
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(0, 84, 168, .22);
    box-shadow: 0 22px 48px rgba(0, 84, 168, .17);
    backdrop-filter: blur(14px);
}

.search-results.show {
    display: block;
}

.search-result-item {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(0, 84, 168, .08);
}

.search-result-item:hover {
    background: rgba(26, 215, 239, .08);
}

.search-result-thumb {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid rgba(0, 84, 168, .14);
    background:
        linear-gradient(135deg, rgba(26, 215, 239, .12), rgba(255, 196, 0, .14)),
        #eef8ff;
}

.search-result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.search-result-thumb.is-placeholder::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(135deg, rgba(26, 215, 239, .14), rgba(255, 196, 0, .16)),
        #eef8ff;
}

.search-result-body {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.search-result-title {
    display: block;
    color: var(--kt-ink);
    font-weight: 900;
    line-height: 1.22;
    font-size: .98rem;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: normal;
    overflow-wrap: anywhere;
}

.search-result-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-top: 0;
    color: var(--kt-muted);
    font-size: .74rem;
    line-height: 1.22;
}

.search-result-cat {
    color: var(--kt-blue);
    font-weight: 850;
    white-space: normal;
    overflow-wrap: anywhere;
}

.search-no-results {
    padding: 14px;
    color: var(--kt-muted);
    text-align: center;
}

.header-actions {
    gap: 7px;
    flex-shrink: 0;
}

.icon-link,
.top-bar-web-link,
.top-bar-logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid var(--kt-line);
    background: #fff;
    color: var(--kt-blue-dark);
    transition: transform var(--kt-speed), color var(--kt-speed), border-color var(--kt-speed), background var(--kt-speed), box-shadow var(--kt-speed);
}

.icon-link {
    position: relative;
    width: 38px;
    height: 38px;
    overflow: visible;
}

.icon-link svg,
.top-bar-web-link svg,
.top-bar-logout svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    flex: 0 0 auto;
}

.icon-link:hover,
.top-bar-web-link:hover {
    color: var(--kt-blue);
    border-color: rgba(255, 196, 0, .56);
    box-shadow: 0 10px 22px rgba(0, 84, 168, .12);
    transform: translateY(-1px);
}

.icon-separator {
    width: 1px;
    height: 19px;
    flex: 0 0 1px;
    background: rgba(0, 84, 168, .18);
    border-radius: 0;
}

.icon-badge,
.message-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kt-danger);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    border: 2px solid #fff;
    box-shadow: 0 8px 18px rgba(220, 38, 38, .34);
}

.pulse {
    animation: pulseBadge 1.18s infinite;
}

.messages-link .mail-icon {
    overflow: visible;
}

.messages-link .mail-icon-paper,
.messages-link .mail-icon-lid {
    transform-box: fill-box;
    transform-origin: center top;
}

.messages-link .mail-icon-paper {
    opacity: 0;
    transform: translateY(5px) scaleY(.82);
    animation: ktMailPaperPeek 9s ease-in-out infinite;
}

.messages-link .mail-icon-lid {
    animation: ktMailLidPeek 9s ease-in-out infinite;
}

.messages-link.has-unread .mail-icon-paper,
.messages-link.has-unread .mail-icon-lid {
    animation-duration: 4.8s;
}

.top-bar-web-link,
.top-bar-logout {
    gap: 8px;
    padding: 8px 13px;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.top-bar-logout {
    color: var(--kt-danger);
    border-color: rgba(220, 38, 38, .28);
}


.top-bar-logout-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.top-bar-logout-form .top-bar-logout {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
}

.top-bar-logout:hover {
    color: #fff;
    border-color: var(--kt-danger);
    background: var(--kt-danger);
    transform: translateY(-1px);
}

.header-avatar,
.header-avatar-placeholder,
.profile-link::before,
.top-bar-logout::before,
.top-bar-web-link.login-link::before,
.top-bar-web-link.register-link::before {
    display: none !important;
    content: none !important;
}

.header-info-strip {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(232, 244, 255, .98), rgba(248, 252, 255, .98));
    border-top: 1px solid rgba(255, 196, 0, .58);
    border-bottom: 1px solid rgba(0, 84, 168, .12);
    color: var(--kt-blue-dark);
    box-shadow: none;
}

.header-info-strip-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 35px;
    padding: 0 12px;
    overflow: hidden;
    white-space: nowrap;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.header-info-item,
.header-rate-widget,
.header-date-widget,
.header-rate-pane {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: inherit;
    font-size: .76rem;
    line-height: 1;
    font-weight: 900;
}

.header-date-widget {
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 10px;
    margin-right: auto;
}

.header-rate-widget {
    flex: 0 1 auto;
    justify-content: flex-end;
    gap: 11px;
    margin-left: auto;
    overflow: hidden;
}

.header-rate-pane {
    justify-content: flex-end;
    gap: 10px;
    width: auto;
    white-space: nowrap;
}

.header-rate-pane[hidden] {
    display: inline-flex !important;
}

.header-rate-pane .rate-line,
.date-line,
.nameday-line,
.weather-line {
    white-space: nowrap;
}

.rate-group-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 3px 8px;
    border: 1px solid rgba(0, 84, 168, .25);
    background: var(--kt-yellow);
    color: #071124;
    font-size: .62rem;
    font-weight: 950;
    text-transform: uppercase;
}

.rate-group-label-crypto {
    background: var(--kt-blue);
    color: #fff;
    border-color: var(--kt-blue);
}

.header-rate-widget strong {
    color: var(--kt-blue-dark);
    font-weight: 950;
}

.fiat-rate-pane strong {
    color: var(--kt-blue);
}

.crypto-rate-pane strong {
    color: var(--kt-blue-dark);
}

.nameday-line {
    color: var(--kt-blue-dark);
    font-weight: 950;
}

.weather-line {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--kt-blue-dark);
    font-weight: 950;
}

.weather-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 1px solid rgba(0, 84, 168, .16);
    background: rgba(255, 255, 255, .82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
    font-size: 1.02rem;
    line-height: 1;
}

.weather-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
}

.weather-city,
.weather-temp {
    display: inline-flex;
    align-items: center;
}

.weather-line.is-loading {
    opacity: .78;
}

.weather-line.is-weather-stale .weather-temp {
    color: var(--kt-muted);
}


.header-match-widget {
    flex: 0 1 auto;
    justify-content: center;
    min-width: 260px;
    margin: 0 auto;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.header-match-widget:hover,
.header-match-widget:focus-visible {
    color: inherit;
    text-decoration: none;
}

.match-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 26px;
    max-width: min(620px, 44vw);
    padding: 3px 9px 3px 5px;
    overflow: hidden;
    color: var(--kt-blue-dark);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(235, 247, 255, .92));
    border: 1px solid rgba(0, 84, 168, .20);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        0 6px 14px rgba(0, 84, 168, .07);
}

.match-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .8;
    background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255, 255, 255, .72) 48%, transparent 60%, transparent 100%);
    transform: translateX(-140%) skewX(-18deg);
    animation: ktMatchShine 7s ease-in-out infinite;
}

.match-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 3px 8px;
    border: 1px solid rgba(7, 17, 36, .13);
    background: linear-gradient(180deg, #ffd954 0%, var(--kt-yellow) 100%);
    color: #071124;
    font-size: .60rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.match-side,
.match-score,
.match-status {
    position: relative;
    z-index: 1;
}

.match-side {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}


.match-team {
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .73rem;
    font-weight: 950;
}

.match-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 20px;
    padding: 2px 7px;
    border: 1px solid rgba(0, 84, 168, .18);
    background: rgba(255, 255, 255, .78);
    color: #071124;
    font-size: .73rem;
    font-weight: 950;
    line-height: 1;
}

.match-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 3px 7px;
    border: 1px solid rgba(0, 84, 168, .16);
    background: rgba(0, 84, 168, .06);
    color: var(--kt-blue-dark);
    font-size: .64rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

.match-pill.is-live {
    border-color: rgba(255, 196, 0, .72);
    box-shadow: 0 0 0 3px rgba(255, 196, 0, .10), 0 8px 18px rgba(0, 84, 168, .10);
}

.match-pill.is-live .match-status {
    background: var(--kt-yellow);
    color: #071124;
    border-color: rgba(7, 17, 36, .16);
    animation: ktMatchLivePulse 1.2s ease-in-out infinite;
}

.match-pill.is-finished .match-status {
    background: rgba(0, 84, 168, .10);
}

.rate-line,
.date-line {
    color: var(--kt-blue-dark);
}

.info-divider,
.rate-group-divider {
    width: 1px;
    height: 16px;
    flex: 0 0 1px;
    background: rgba(0, 84, 168, .24);
    border-radius: 0;
}

.header-rate-widget.is-stale {
    opacity: .78;
}

.site-footer {
    position: relative;
    width: 100%;
    margin-top: auto;
    padding: 56px 0 24px;
    overflow: hidden;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(26, 215, 239, .16), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
    color: var(--kt-ink);
    border-top: 3px solid var(--kt-yellow);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 -10px 24px rgba(0, 84, 168, .06);
}

.footer-container,
.footer-bottom {
    position: relative;
    z-index: 1;
    width: min(100% - 32px, 1500px);
    max-width: 1500px;
    margin: 0 auto;
    padding: 0;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    gap: 44px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.footer-brand {
    max-width: 420px;
}

.footer-logo-link {
    display: inline-flex;
    align-items: center;
    margin-left: -6px;
}

.footer-site-logo {
    height: 46px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
    filter: none;
}

.footer-description {
    margin: 10px 0 0;
    color: var(--kt-muted);
    line-height: 1.55;
}

.footer-links {
    display: flex;
    gap: clamp(28px, 4vw, 58px);
    flex-wrap: wrap;
}

.footer-links-title {
    margin: 0 0 12px;
    color: var(--kt-blue);
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .10em;
    font-size: .76rem;
}

.footer-links-list {
    display: grid;
    gap: 8px;
}

.footer-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    width: fit-content;
    color: var(--kt-blue-dark);
    font-weight: 800;
    transition: color var(--kt-speed), transform var(--kt-speed);
}

.footer-link:hover {
    color: var(--kt-blue);
    transform: translateX(2px);
}

.footer-logo-link,
.footer-social-link,
.footer-bottom a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.footer-link-button {
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: var(--kt-blue-dark);
font-weight: 800;
    line-height: inherit;
    text-align: left;
    cursor: pointer;
}
.site-footer svg,
.footer-link svg,
.footer-social-link svg,
.footer-bottom svg,
.footer-link-icon {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px;
    flex: 0 0 18px;
    stroke: currentColor;
    fill: none;
}

.footer-site-logo,
.footer-logo-link img,
.footer-logo-link svg {
    display: block;
    max-width: 100%;
    height: auto;
}

.footer-logo-link .footer-site-logo {
    height: 46px;
    width: auto;
    max-width: 240px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 38px;
    padding-top: 18px;
    border-top: 1px solid rgba(0, 84, 168, .12);
    color: var(--kt-muted);
    font-size: .78rem;
}

@keyframes ktNavShine {
    0% { transform: translateX(-125%) skewX(-18deg); }
    100% { transform: translateX(125%) skewX(-18deg); }
}

@keyframes ktMatchShine {
    0%, 72% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
    80% { opacity: .8; }
    100% { transform: translateX(140%) skewX(-18deg); opacity: 0; }
}

@keyframes ktMatchLivePulse {
    0%, 100% { transform: scale(1); box-shadow: none; }
    50% { transform: scale(1.05); box-shadow: 0 0 0 5px rgba(255, 196, 0, .14); }
}

@keyframes ktHeaderDiscoveryShine {
    0% { transform: translateX(-130%) skewX(-18deg); }
    100% { transform: translateX(130%) skewX(-18deg); }
}

@keyframes ktHeaderBolt {
    0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 0 rgba(0, 84, 168, 0)); }
    45% { transform: translateY(-1px) scale(1.12); filter: drop-shadow(0 0 7px rgba(0, 84, 168, .26)); }
}

@keyframes ktHeaderHot {
    0%, 100% { transform: rotate(0deg) scale(1); }
    45% { transform: rotate(-4deg) scale(1.08); }
}

@keyframes pulseBadge {
    0%, 100% { transform: scale(1); box-shadow: 0 8px 18px rgba(220, 38, 38, .34); }
    50% { transform: scale(1.16); box-shadow: 0 0 0 6px rgba(220, 38, 38, .12), 0 10px 22px rgba(220, 38, 38, .42); }
}

@keyframes ktMailLidPeek {
    0%, 66%, 100% { transform: translateY(0); opacity: 1; }
    74%, 86% { transform: translateY(-3px); opacity: .76; }
}

@keyframes ktMailPaperPeek {
    0%, 66%, 100% { opacity: 0; transform: translateY(5px) scaleY(.82); }
    74%, 86% { opacity: 1; transform: translateY(-1px) scaleY(1); }
}


@media (prefers-reduced-motion: reduce) {
    .messages-link .mail-icon-paper,
    .messages-link .mail-icon-lid,
    .match-pill::before,
    .match-pill.is-live .match-status,
    .pulse {
        animation: none !important;
    }
}

@media (hover: none) {
    .nav-link:not(.active):hover,
    .nav-link:not(.active):focus-visible,
    .icon-link:hover,
    .top-bar-web-link:hover,
    .top-bar-logout:hover {
        transform: none;
    }
}


/* =========================================================
   KakasTech header info strip - premium match/weather v2
   ========================================================= */
.header-info-strip {
    background:
        radial-gradient(circle at 50% -80%, rgba(255, 196, 0, .28), transparent 36%),
        linear-gradient(180deg, rgba(250, 253, 255, .98) 0%, rgba(235, 247, 255, .98) 100%);
    border-top: 1px solid rgba(255, 196, 0, .72);
    border-bottom: 1px solid rgba(0, 84, 168, .16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        0 7px 18px rgba(0, 84, 168, .055);
}

.header-info-strip-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 4px clamp(10px, 1.5vw, 22px);
    overflow: hidden;
}

.header-date-widget {
    justify-self: start;
    gap: 8px;
    min-width: 0;
    margin: 0;
}

.header-match-widget {
    justify-self: center;
    min-width: 0;
    margin: 0;
}

.header-rate-widget {
    justify-self: end;
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 3px 5px;
    overflow: hidden;
    background: rgba(255, 255, 255, .42);
    border: 1px solid rgba(0, 84, 168, .10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.header-info-item,
.header-rate-widget,
.header-date-widget,
.header-rate-pane {
    font-size: .75rem;
    letter-spacing: .005em;
}

.date-line,
.nameday-line,
.weather-line,
.rate-line {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
}

.date-line,
.nameday-line {
    padding: 0 2px;
}

.nameday-line,
.weather-city,
.weather-temp,
.rate-line strong {
    color: #063b73;
    font-weight: 950;
}

.info-divider,
.rate-group-divider {
    height: 18px;
    background: linear-gradient(180deg, transparent, rgba(0, 84, 168, .25), transparent);
}

.weather-line {
    gap: 6px;
    padding: 2px 7px 2px 6px;
    background: rgba(255, 255, 255, .48);
    border: 1px solid rgba(0, 84, 168, .11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
}

.weather-icon {
    position: relative;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    overflow: hidden;
    border: 1px solid rgba(0, 84, 168, .12);
    background: linear-gradient(180deg, #ffffff, #e7f6ff);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        0 3px 8px rgba(0, 84, 168, .08);
    font-size: 0;
    line-height: 1;
}


.match-pill {
    position: relative;
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 32px;
    max-width: min(680px, 46vw);
    padding: 4px 8px;
    color: #ffffff;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 196, 0, .22), transparent 28%),
        linear-gradient(135deg, #063b73 0%, #0054a8 54%, #063b73 100%);
    border: 1px solid rgba(255, 196, 0, .46);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .16),
        0 8px 18px rgba(0, 84, 168, .16);
}

.match-pill::before {
    opacity: .36;
    background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255, 255, 255, .70) 49%, transparent 60%, transparent 100%);
}

.match-badge {
    min-height: 22px;
    padding: 4px 8px;
    border: 1px solid rgba(7, 17, 36, .16);
    background: linear-gradient(180deg, #ffdc58 0%, #ffc400 100%);
    color: #071124;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48);
}

.match-side {
    gap: 6px;
}

.match-team {
    max-width: 124px;
    color: #ffffff;
    font-size: .75rem;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .18);
}

.match-score {
    min-width: 34px;
    min-height: 24px;
    padding: 3px 9px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .96);
    color: #071124;
    font-size: .82rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

.match-status {
    min-height: 23px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 196, 0, .42);
    background: rgba(255, 196, 0, .15);
    color: #fff6c4;
    font-size: .63rem;
    letter-spacing: .025em;
}


.match-flag {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 19px;
    min-width: 28px;
    flex: 0 0 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 2px;
    background: rgba(255, 255, 255, .90);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, .08),
        0 3px 7px rgba(0, 0, 0, .14);
    font-size: 0;
    line-height: 0;
}

.match-flag::before,
.match-flag::after {
    content: none !important;
    display: none !important;
}

.match-flag img,
.match-flag-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    object-fit: cover !important;
}

.match-flag-neutral {
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(191, 225, 243, .95));
}

.match-pill.is-live {
    border-color: rgba(255, 196, 0, .86);
    box-shadow:
        0 0 0 3px rgba(255, 196, 0, .13),
        0 9px 20px rgba(0, 84, 168, .18);
}

.match-pill.is-live .match-status {
    background: linear-gradient(180deg, #ffdd58, #ffc400);
    color: #071124;
    border-color: rgba(7, 17, 36, .16);
}

.match-pill.is-finished .match-status {
    color: #ffffff;
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .24);
}

.rate-group-label {
    min-height: 22px;
    padding: 4px 8px;
    border-color: rgba(7, 17, 36, .12);
    background: linear-gradient(180deg, #ffdc58 0%, #ffc400 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48);
}

.rate-group-label-crypto {
    background: linear-gradient(180deg, #0d63ba 0%, #0054a8 100%);
    color: #fff;
    border-color: rgba(0, 84, 168, .78);
}

.header-rate-pane {
    gap: 8px;
}

.rate-line {
    padding: 0 2px;
}


/* Weather icons are now real inline SVGs, not CSS-drawn shapes. */
.weather-icon::before,
.weather-icon::after {
    content: none !important;
    display: none !important;
}

.weather-icon svg {
    display: block;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: 50% 50%;
    animation: ktWeatherIconBreathe 4.2s ease-in-out infinite;
}

.weather-icon-sun svg {
    animation-name: ktWeatherIconSun;
}

.weather-icon-rain svg,
.weather-icon-storm svg,
.weather-icon-snow svg {
    animation-name: ktWeatherIconFall;
}

.weather-city {
    display: none !important;
}

@keyframes ktWeatherIconBreathe {
    0%, 100% { transform: translateY(0) scale(1); opacity: .92; }
    50% { transform: translateY(-1px) scale(1.04); opacity: 1; }
}

@keyframes ktWeatherIconSun {
    0%, 100% { transform: rotate(0deg) scale(1); opacity: .94; }
    50% { transform: rotate(5deg) scale(1.05); opacity: 1; }
}

@keyframes ktWeatherIconFall {
    0%, 100% { transform: translateY(0); opacity: .90; }
    50% { transform: translateY(1.5px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .weather-icon svg {
        animation: none !important;
    }
}
/* =========================================================
   KakasTech - VB meccs sáv: PC-n teljes országnevek
   Tedd a header-footer.css LEGVÉGÉRE.
   Mobilon/tableten marad a rövidebb, vágott megjelenés.
   ========================================================= */
@media (min-width: 1025px) {
    .header-match-widget {
        max-width: min(980px, 66vw);
    }

    .match-pill {
        max-width: min(980px, 66vw);
        width: max-content;
        overflow: visible;
    }

    .match-side {
        flex: 0 0 auto;
        min-width: max-content;
    }

    .match-team {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1025px) and (max-width: 1320px) {
    .header-match-widget,
    .match-pill {
        max-width: min(860px, 62vw);
    }

    .match-team {
        font-size: .72rem;
    }
}

/* =========================================================
   KakasTech USER HEADER v2 - időjárás SVG láthatóság + levél animáció
   Erős patch: a weather ikon nem kap külön hátteret, az inline SVG mindig látszik.
   ========================================================= */
.header-info-strip .weather-line,
.weather-line {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: help !important;
}

.header-info-strip .weather-icon,
.header-info-strip .weather-line .weather-icon,
.weather-line .weather-icon,
.weather-icon[data-weather-icon] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    flex: 0 0 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    color: #0054a8 !important;
    line-height: 1 !important;
    font-size: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.header-info-strip .weather-icon::before,
.header-info-strip .weather-icon::after,
.weather-line .weather-icon::before,
.weather-line .weather-icon::after,
.weather-icon[data-weather-icon]::before,
.weather-icon[data-weather-icon]::after {
    display: none !important;
    content: none !important;
}

.header-info-strip .weather-icon svg,
.header-info-strip .weather-line .weather-icon svg,
.weather-line .weather-icon svg,
.weather-icon[data-weather-icon] svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transform-origin: 50% 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    animation: ktWeatherSvgVisibleFloat 3.8s ease-in-out infinite !important;
}

.weather-icon.weather-icon-sun,
.weather-icon-sun[data-weather-icon] { color: #c98a00 !important; }
.weather-icon.weather-icon-partly,
.weather-icon-partly[data-weather-icon] { color: #0d6f8f !important; }
.weather-icon.weather-icon-cloud,
.weather-icon.weather-icon-fog,
.weather-icon-cloud[data-weather-icon],
.weather-icon-fog[data-weather-icon] { color: #607d94 !important; }
.weather-icon.weather-icon-rain,
.weather-icon.weather-icon-storm,
.weather-icon-rain[data-weather-icon],
.weather-icon-storm[data-weather-icon] { color: #0054a8 !important; }
.weather-icon.weather-icon-snow,
.weather-icon-snow[data-weather-icon] { color: #3f8ec7 !important; }

.weather-icon-sun[data-weather-icon] svg,
.weather-icon.weather-icon-sun svg {
    animation-name: ktWeatherSvgVisibleSun !important;
}

.weather-icon-rain[data-weather-icon] svg,
.weather-icon-snow[data-weather-icon] svg,
.weather-icon-storm[data-weather-icon] svg,
.weather-icon.weather-icon-rain svg,
.weather-icon.weather-icon-snow svg,
.weather-icon.weather-icon-storm svg {
    animation-name: ktWeatherSvgVisibleFall !important;
}

@keyframes ktWeatherSvgVisibleFloat {
    0%, 100% { transform: translateY(0) scale(1); opacity: .94; }
    50% { transform: translateY(-1.5px) scale(1.08); opacity: 1; }
}

@keyframes ktWeatherSvgVisibleSun {
    0%, 100% { transform: rotate(0deg) scale(1); opacity: .95; }
    50% { transform: rotate(9deg) scale(1.08); opacity: 1; }
}

@keyframes ktWeatherSvgVisibleFall {
    0%, 100% { transform: translateY(-.5px); opacity: .93; }
    50% { transform: translateY(2px); opacity: 1; }
}

/* Levél ikon: látványosabb papír + fedél animáció */
.messages-link .mail-icon {
    overflow: visible !important;
}

.messages-link .mail-icon-paper,
.messages-link .mail-icon-lid {
    transform-box: fill-box !important;
    transform-origin: center top !important;
    will-change: transform, opacity !important;
}

.messages-link .mail-icon-paper {
    opacity: .34 !important;
    transform: translateY(5px) scaleY(.72) !important;
    animation: ktUserMailPaperStrong 4.8s ease-in-out infinite !important;
}

.messages-link .mail-icon-lid {
    opacity: 1 !important;
    animation: ktUserMailLidStrong 4.8s ease-in-out infinite !important;
}

.messages-link.has-unread .mail-icon-paper,
.messages-link.has-unread .mail-icon-lid,
.messages-link:hover .mail-icon-paper,
.messages-link:hover .mail-icon-lid,
.messages-link:focus-visible .mail-icon-paper,
.messages-link:focus-visible .mail-icon-lid {
    animation-duration: 2.35s !important;
}

@keyframes ktUserMailPaperStrong {
    0%, 52%, 100% { opacity: .28; transform: translateY(5px) scaleY(.72); }
    64%, 84% { opacity: 1; transform: translateY(-6px) scaleY(1); }
}

@keyframes ktUserMailLidStrong {
    0%, 52%, 100% { opacity: 1; transform: translateY(0) scaleY(1); }
    64%, 84% { opacity: .58; transform: translateY(-3px) scaleY(.68); }
}

@media (prefers-reduced-motion: reduce) {
    .weather-icon[data-weather-icon] svg,
    .messages-link .mail-icon-paper,
    .messages-link .mail-icon-lid {
        animation: none !important;
    }
}



/* v68: USER header VB 2026 - két meccs, animált váltás, visszaszámláló */
.header-match-widget--dual {
    position: relative;
    flex: 0 1 auto;
    justify-content: center;
    min-width: 260px;
    margin: 0 auto;
    color: inherit;
    text-decoration: none;
}

.header-match-widget--dual .match-rotator {
    position: relative;
    display: grid;
    place-items: center;
    min-width: min(760px, 48vw);
    min-height: 34px;
    overflow: visible;
}

.header-match-widget--dual .match-pill {
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(7px) scale(.985);
    filter: blur(2px);
    transition: opacity .46s ease, transform .46s cubic-bezier(.2,.8,.2,1), filter .46s ease, visibility .46s ease;
    isolation: isolate;
    overflow: hidden;
    will-change: transform, opacity, filter;
    text-decoration: none !important;
}

.header-match-widget--dual .match-pill.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    filter: blur(0);
    animation: ktVbHeaderCardSettle .72s cubic-bezier(.18,.8,.22,1) both;
}

.header-match-widget--dual .match-pill.is-entering {
    animation: ktVbHeaderCardEnter .72s cubic-bezier(.18,.8,.22,1) both;
}

.header-match-widget--dual .match-pill.is-leaving {
    opacity: 0;
    transform: translateY(-7px) scale(.985);
    filter: blur(2px);
}

.header-match-widget--dual .match-pill.is-active::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 2px;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, transparent, rgba(255,196,0,.95), transparent);
    opacity: .85;
    transform-origin: left center;
    animation: ktHeaderMatchProgress 5.8s linear infinite;
    pointer-events: none;
}

.header-match-widget--dual .match-pill.is-active .match-badge {
    animation: ktVbHeaderBadgeKick 5.8s ease-in-out infinite;
}

.header-match-widget--dual .match-pill.is-live {
    animation: ktVbHeaderLiveGlow 1.35s ease-in-out infinite;
}

.header-match-widget--dual .match-pill.is-live .match-badge {
    animation: ktVbHeaderLiveBadge 1.05s ease-in-out infinite;
}

.header-match-widget--dual .match-pill.is-countdown {
    border-color: rgba(255, 196, 0, .92);
    animation: ktVbHeaderCountdownGlow 1.1s ease-in-out infinite;
}

.header-match-widget--dual .match-pill.is-countdown .match-status {
    background: linear-gradient(180deg, #ff4d3d, #d90f2f);
    color: #ffffff;
    border-color: rgba(255, 255, 255, .30);
    letter-spacing: .04em;
    animation: ktHeaderCountdownPulse 1.1s ease-in-out infinite;
}

.header-match-widget--dual .match-pill.is-upcoming .match-status {
    background: linear-gradient(180deg, #ffdd58, #ffc400);
    color: #071124;
    border-color: rgba(7, 17, 36, .16);
}

.header-match-widget--dual .match-pill.is-active .match-home {
    animation: ktVbHeaderTeamInLeft .72s cubic-bezier(.18,.8,.22,1) both;
}

.header-match-widget--dual .match-pill.is-active .match-away {
    animation: ktVbHeaderTeamInRight .72s cubic-bezier(.18,.8,.22,1) both;
}

.header-match-widget--dual .match-pill.is-active .match-flag {
    animation: ktVbHeaderFlagWave 3.2s ease-in-out infinite;
}

.header-match-widget--dual .match-score.is-score-pop,
.header-match-widget--dual .match-pill.is-entering .match-score {
    animation: ktVbHeaderScoreFlip .62s cubic-bezier(.18,.8,.22,1) both;
}

.match-flag-emoji {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 17px !important;
    line-height: 1 !important;
    transform: translateY(.5px);
}

@keyframes ktVbHeaderCardEnter {
    0% { opacity: 0; transform: translateY(12px) scale(.965); filter: blur(4px); }
    58% { opacity: 1; transform: translateY(-2px) scale(1.012); filter: blur(0); }
    100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes ktVbHeaderCardSettle {
    0% { transform: translateY(3px) scale(.992); }
    100% { transform: translateY(0) scale(1); }
}

@keyframes ktHeaderMatchProgress {
    0% { transform: scaleX(0); opacity: .2; }
    15% { opacity: .85; }
    100% { transform: scaleX(1); opacity: .15; }
}

@keyframes ktHeaderCountdownPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(217,15,47,.38); }
    50% { transform: scale(1.05); box-shadow: 0 0 0 5px rgba(217,15,47,.12); }
}

@keyframes ktVbHeaderTeamInLeft {
    0% { opacity: 0; transform: translateX(-10px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes ktVbHeaderTeamInRight {
    0% { opacity: 0; transform: translateX(10px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes ktVbHeaderFlagWave {
    0%, 100% { transform: perspective(80px) rotateY(0deg) translateY(0); }
    45% { transform: perspective(80px) rotateY(-9deg) translateY(-1px); }
    70% { transform: perspective(80px) rotateY(7deg) translateY(0); }
}

@keyframes ktVbHeaderScoreFlip {
    0% { transform: rotateX(72deg) scale(.86); opacity: .15; }
    58% { transform: rotateX(-10deg) scale(1.08); opacity: 1; }
    100% { transform: rotateX(0deg) scale(1); opacity: 1; }
}

@keyframes ktVbHeaderBadgeKick {
    0%, 72%, 100% { transform: translateY(0); box-shadow: inset 0 1px 0 rgba(255,255,255,.48); }
    80% { transform: translateY(-1px); box-shadow: 0 0 0 4px rgba(255,196,0,.12), inset 0 1px 0 rgba(255,255,255,.58); }
}

@keyframes ktVbHeaderLiveBadge {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,196,0,.32); }
    50% { transform: scale(1.06); box-shadow: 0 0 0 6px rgba(255,196,0,.12); }
}

@keyframes ktVbHeaderLiveGlow {
    0%, 100% { box-shadow: 0 0 0 3px rgba(255,196,0,.13), 0 9px 20px rgba(0,84,168,.18); }
    50% { box-shadow: 0 0 0 5px rgba(255,196,0,.18), 0 12px 28px rgba(0,84,168,.24); }
}

@keyframes ktVbHeaderCountdownGlow {
    0%, 100% { box-shadow: 0 0 0 3px rgba(255,196,0,.16), 0 10px 22px rgba(0,84,168,.20); }
    50% { box-shadow: 0 0 0 5px rgba(217,15,47,.16), 0 13px 30px rgba(217,15,47,.14), 0 10px 22px rgba(0,84,168,.18); }
}

@media (max-width: 1024px) {
    .header-match-widget--dual .match-rotator {
        min-width: min(680px, 58vw);
    }
}

@media (max-width: 760px) {
    .header-match-widget--dual {
        min-width: 0;
        width: 100%;
    }

    .header-match-widget--dual .match-rotator {
        width: 100%;
        min-width: 0;
    }

    .header-match-widget--dual .match-pill {
        width: 100%;
        max-width: 100%;
    }

    .header-match-widget--dual .match-team {
        max-width: 82px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-match-widget--dual .match-pill,
    .header-match-widget--dual .match-pill.is-active,
    .header-match-widget--dual .match-pill.is-entering,
    .header-match-widget--dual .match-pill.is-live,
    .header-match-widget--dual .match-pill.is-countdown,
    .header-match-widget--dual .match-pill.is-active .match-badge,
    .header-match-widget--dual .match-pill.is-live .match-badge,
    .header-match-widget--dual .match-pill.is-active .match-home,
    .header-match-widget--dual .match-pill.is-active .match-away,
    .header-match-widget--dual .match-pill.is-active .match-flag,
    .header-match-widget--dual .match-score.is-score-pop,
    .header-match-widget--dual .match-pill.is-entering .match-score,
    .header-match-widget--dual .match-pill.is-countdown .match-status,
    .header-match-widget--dual .match-pill.is-active::after {
        animation: none !important;
        transition: none !important;
        filter: none !important;
    }
}


/* v70: header zászlók a VB oldalhoz hasonló valódi képekkel */
.header-match-widget--dual .match-flag {
    background: rgba(255, 255, 255, .92) !important;
}

.header-match-widget--dual .match-flag-img,
.header-match-widget--dual .js-vb-flag {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-match-widget--dual .match-flag.is-flag-missing::before {
    content: "🏳️" !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1;
}

.match-flag-fallback {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 15px !important;
    line-height: 1 !important;
}


/* v71: bal oldali "VB meccs / Következő" címke kivéve */
.header-match-widget--dual .match-badge {
    display: none !important;
}

.header-match-widget--dual .match-pill {
    grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr) max-content;
    padding-left: 9px !important;
}

.header-match-widget--dual .match-side {
    min-width: 72px;
}

.header-match-widget--dual .match-team {
    min-width: 34px;
    text-align: center;
    letter-spacing: .05em;
}

@media (max-width: 760px) {
    .header-match-widget--dual .match-side {
        min-width: 62px;
    }

    .header-match-widget--dual .match-team {
        min-width: 31px;
    }
}


/* v72: egybecsomagolt header VB sáv - fix méret, nincs ugrálás */
.header-match-widget--dual {
    width: clamp(280px, 34vw, 430px) !important;
    min-width: clamp(280px, 34vw, 430px) !important;
    max-width: clamp(280px, 34vw, 430px) !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: visible !important;
}

.header-match-widget--dual .match-rotator {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-pill {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 4px 8px !important;
    display: grid !important;
    grid-template-columns: 76px 42px 76px 78px !important;
    grid-template-areas: "home score away status" !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 6px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.header-match-widget--dual .match-home {
    grid-area: home !important;
    justify-self: end !important;
    justify-content: flex-end !important;
}

.header-match-widget--dual .match-score {
    grid-area: score !important;
    justify-self: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
}

.header-match-widget--dual .match-away {
    grid-area: away !important;
    justify-self: start !important;
    justify-content: flex-start !important;
}

.header-match-widget--dual .match-status {
    grid-area: status !important;
    justify-self: end !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    padding: 3px 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.header-match-widget--dual .match-side {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-team {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: .78rem !important;
    letter-spacing: .045em !important;
    line-height: 1 !important;
}

.header-match-widget--dual .match-flag {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    flex: 0 0 28px !important;
}

.header-match-widget--dual .match-badge {
    display: none !important;
}

.header-match-widget--dual .match-pill.is-active::after {
    left: 8px !important;
    right: 8px !important;
    bottom: 1px !important;
}

@media (max-width: 1024px) {
    .header-match-widget--dual {
        width: clamp(260px, 45vw, 390px) !important;
        min-width: clamp(260px, 45vw, 390px) !important;
        max-width: clamp(260px, 45vw, 390px) !important;
    }

    .header-match-widget--dual .match-pill {
        grid-template-columns: 66px 38px 66px 72px !important;
        column-gap: 5px !important;
    }

    .header-match-widget--dual .match-side {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
    }

    .header-match-widget--dual .match-team {
        width: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;
        font-size: .72rem !important;
    }

    .header-match-widget--dual .match-score {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
    }

    .header-match-widget--dual .match-status {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        font-size: .57rem !important;
    }
}

@media (max-width: 760px) {
    .header-match-widget--dual {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 36px !important;
    }

    .header-match-widget--dual .match-pill {
        grid-template-columns: 64px 38px 64px 72px !important;
        justify-content: center !important;
    }
}


/* v74: Friss mellé VB2026 gyorslink */
.header-discovery-vb2026 {
    border-color: rgba(255, 196, 0, .72);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 196, 0, .28), transparent 42%),
        linear-gradient(180deg, #073b70 0%, #0054a8 100%);
    color: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 8px 18px rgba(0, 84, 168, .14);
}

.header-discovery-vb2026:hover,
.header-discovery-vb2026:focus-visible {
    color: #071124;
    border-color: rgba(255, 196, 0, .86);
    background: linear-gradient(180deg, #ffdd58 0%, #ffc400 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .48),
        0 10px 22px rgba(255, 196, 0, .22);
}

.header-discovery-vb2026 .header-discovery-svg {
    animation: ktHeaderVbBallSpin 4.8s ease-in-out infinite;
}

@keyframes ktHeaderVbBallSpin {
    0%, 100% {
        transform: rotate(0deg) scale(1);
    }
    45% {
        transform: rotate(9deg) scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-discovery-vb2026 .header-discovery-svg {
        animation: none !important;
    }
}

/* gyorsmenü sor: ne különálló, széteső gombok legyenek */
.header-discovery,
.header-discovery-list,
.header-discovery-actions,
.header-quick-actions {
    align-items: center !important;
}

.header-discovery-link,
.header-discovery-fresh,
.header-discovery-vb2026,
.header-top-link {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 11px !important;
    gap: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    border: 1px solid rgba(13, 70, 130, .20) !important;
    background: rgba(255,255,255,.72) !important;
    color: #0b3d78 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.48),
        0 7px 14px rgba(13,70,130,.08) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease !important;
}

.header-discovery-link:hover,
.header-discovery-link:focus-visible,
.header-top-link:hover,
.header-top-link:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(255,196,0,.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.54),
        0 10px 18px rgba(13,70,130,.12) !important;
}

.header-discovery-fresh {
    color: #071124 !important;
    border-color: rgba(255,196,0,.70) !important;
    background: linear-gradient(180deg, #ffdd58, #ffc400) !important;
}

.header-discovery-vb2026 {
    color: #ffffff !important;
    border-color: rgba(255,196,0,.56) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,196,0,.22), transparent 42%),
        linear-gradient(180deg, #0b4f9a 0%, #073b70 100%) !important;
}

.header-discovery-vb2026:hover,
.header-discovery-vb2026:focus-visible {
    color: #071124 !important;
    background: linear-gradient(180deg, #ffdd58, #ffc400) !important;
}

.header-discovery-vb2026 .header-discovery-svg {
    animation: ktHeaderVbBallSpin 6.2s ease-in-out infinite !important;
}

.header-discovery-svg,
.header-top-link svg {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
}

@media (max-width: 760px) {
    .header-match-widget--dual {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .header-discovery-link,
    .header-top-link {
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 9px !important;
        font-size: .78rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-discovery-vb2026 .header-discovery-svg {
        animation: none !important;
    }
}

/* v84 final guard: this must stay after the compact header overrides */
.header-match-widget--dual {
    width: clamp(360px, 28vw, 430px) !important;
    min-width: clamp(360px, 28vw, 430px) !important;
    max-width: clamp(360px, 28vw, 430px) !important;
}

.header-match-widget--dual .match-rotator {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
}

.header-match-widget--dual .match-pill {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: grid !important;
    grid-template-columns: minmax(92px, 1fr) 46px minmax(92px, 1fr) 72px !important;
    column-gap: 8px !important;
    padding: 4px 7px !important;
    align-items: center !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18,65,82,.96), rgba(13,46,64,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 20px rgba(0,0,0,.16) !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-side {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    gap: 7px !important;
    padding: 0 4px !important;
}

.header-match-widget--dual .match-home { justify-content: flex-start !important; }
.header-match-widget--dual .match-away { justify-content: flex-end !important; }

.header-match-widget--dual .match-flag {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    flex: 0 0 28px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.95) !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-team {
    width: auto !important;
    min-width: 32px !important;
    max-width: 46px !important;
    color: #ffffff !important;
    font-size: .74rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.36) !important;
}

.header-match-widget--dual .match-score {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 5px !important;
    color: #071124 !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ffffff, #edf4ff) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 3px 8px rgba(0,0,0,.15) !important;
}

.header-match-widget--dual .match-status {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 5px !important;
    color: #071124 !important;
    font-size: .62rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    background: linear-gradient(180deg, #ffe56c, #ffc400) !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 3px 9px rgba(255,196,0,.20) !important;
}

.header-match-widget--dual .match-pill.is-live .match-status::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 999px;
    background: #08b36d;
    box-shadow: 0 0 0 3px rgba(8,179,109,.18);
}

@media (max-width: 1024px) {
    .header-match-widget--dual {
        width: clamp(310px, 44vw, 380px) !important;
        min-width: clamp(310px, 44vw, 380px) !important;
        max-width: clamp(310px, 44vw, 380px) !important;
    }

    .header-match-widget--dual .match-pill {
        grid-template-columns: minmax(78px, 1fr) 42px minmax(78px, 1fr) 66px !important;
        column-gap: 6px !important;
    }

    .header-match-widget--dual .match-flag {
        width: 25px !important;
        min-width: 25px !important;
        max-width: 25px !important;
        height: 18px !important;
    }

    .header-match-widget--dual .match-score {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
    }

    .header-match-widget--dual .match-status {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        font-size: .58rem !important;
        letter-spacing: .04em !important;
    }
}

@media (max-width: 760px) {
    .header-match-widget--dual {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .header-match-widget--dual .match-pill {
        grid-template-columns: minmax(64px, 1fr) 38px minmax(64px, 1fr) 58px !important;
        column-gap: 5px !important;
        padding-inline: 6px !important;
    }

    .header-match-widget--dual .match-side {
        gap: 5px !important;
        padding-inline: 0 !important;
    }

    .header-match-widget--dual .match-flag {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;
        height: 16px !important;
    }

    .header-match-widget--dual .match-team {
        min-width: 28px !important;
        max-width: 34px !important;
        font-size: .66rem !important;
    }

    .header-match-widget--dual .match-score {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        font-size: .76rem !important;
    }

    .header-match-widget--dual .match-status {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        padding-inline: 5px !important;
        font-size: .53rem !important;
        letter-spacing: .03em !important;
    }
}

/* v86: compact premium header match rotator, no wasted blue space */
.header-match-widget--dual {
    width: clamp(330px, 24vw, 370px) !important;
    min-width: clamp(330px, 24vw, 370px) !important;
    max-width: clamp(330px, 24vw, 370px) !important;
}

.header-match-widget--dual::before,
.header-match-widget--dual::after,
.header-match-widget--dual .match-pill::before,
.header-match-widget--dual .match-pill::after,
.header-match-widget--dual .match-pill.is-active::after {
    display: none !important;
    content: none !important;
}

.header-match-widget--dual .match-rotator {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
}

.header-match-widget--dual .match-pill {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) 44px minmax(72px, 1fr) 98px !important;
    column-gap: 6px !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255,196,0,.38) !important;
    background: linear-gradient(180deg, #123e51, #0a2c3c) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 5px 12px rgba(0,0,0,.16) !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-pill.is-entering {
    animation: ktVbHeaderCardEnter .46s cubic-bezier(.18,.8,.22,1) both !important;
}

.header-match-widget--dual .match-pill.is-leaving {
    opacity: 0 !important;
    transform: translateX(-12px) scale(.985) !important;
    filter: blur(1px) !important;
}

.header-match-widget--dual .match-side {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 3px !important;
    border-radius: 5px !important;
    background: rgba(255,255,255,.05) !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-home {
    justify-content: flex-start !important;
}

.header-match-widget--dual .match-away {
    justify-content: flex-end !important;
}

.header-match-widget--dual .match-flag {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    flex: 0 0 25px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.20) !important;
    overflow: hidden !important;
}

.header-match-widget--dual .match-flag-img,
.header-match-widget--dual .js-vb-flag {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.header-match-widget--dual .match-team {
    width: auto !important;
    min-width: 30px !important;
    max-width: 34px !important;
    color: #ffffff !important;
    font-size: .70rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.34) !important;
}

.header-match-widget--dual .match-score {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 6px !important;
    border-radius: 5px !important;
    color: #071124 !important;
    font-size: .82rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ffffff, #edf4ff) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 6px rgba(0,0,0,.16) !important;
    white-space: nowrap !important;
}

.header-match-widget--dual .match-status {
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    color: #071124 !important;
    font-size: .57rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    background: linear-gradient(180deg, #ffe66f, #ffc400) !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), 0 2px 7px rgba(255,196,0,.20) !important;
}

.header-match-widget--dual .match-pill.is-live .match-status {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    justify-self: end !important;
}

.header-match-widget--dual .match-pill.is-live {
    grid-template-columns: minmax(82px, 1fr) 50px minmax(82px, 1fr) 68px !important;
}

.header-match-widget--dual .match-pill.is-live .match-score {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

.header-match-widget--dual .match-pill.is-live .match-status::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 999px;
    background: #08b36d;
    box-shadow: 0 0 0 3px rgba(8,179,109,.18);
}

@media (max-width: 1024px) {
    .header-match-widget--dual {
        width: clamp(318px, 44vw, 360px) !important;
        min-width: clamp(318px, 44vw, 360px) !important;
        max-width: clamp(318px, 44vw, 360px) !important;
    }

    .header-match-widget--dual .match-pill {
        grid-template-columns: minmax(66px, 1fr) 40px minmax(66px, 1fr) 92px !important;
        column-gap: 5px !important;
    }

    .header-match-widget--dual .match-status {
        width: 92px !important;
        min-width: 92px !important;
        max-width: 92px !important;
        font-size: .54rem !important;
    }

    .header-match-widget--dual .match-pill.is-live {
        grid-template-columns: minmax(76px, 1fr) 48px minmax(76px, 1fr) 64px !important;
    }

    .header-match-widget--dual .match-pill.is-live .match-status {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
    }
}

@media (max-width: 760px) {
    .header-match-widget--dual {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .header-match-widget--dual .match-pill {
        grid-template-columns: minmax(58px, 1fr) 38px minmax(58px, 1fr) 84px !important;
        column-gap: 4px !important;
        padding-inline: 5px !important;
    }

    .header-match-widget--dual .match-flag {
        width: 21px !important;
        min-width: 21px !important;
        max-width: 21px !important;
        height: 15px !important;
    }

    .header-match-widget--dual .match-team {
        min-width: 27px !important;
        max-width: 31px !important;
        font-size: .63rem !important;
    }

    .header-match-widget--dual .match-status {
        width: 84px !important;
        min-width: 84px !important;
        max-width: 84px !important;
        font-size: .50rem !important;
        padding-inline: 4px !important;
    }

    .header-match-widget--dual .match-pill.is-live {
        grid-template-columns: minmax(62px, 1fr) 44px minmax(62px, 1fr) 58px !important;
    }

    .header-match-widget--dual .match-pill.is-live .match-status {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
    }
}

/* v87: VB2026 ne gomb legyen, hanem kulon premium wordmark a gyorsmenu utan */
.header-vb2026-wordmark {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 116px;
    min-height: 34px;
    margin-left: 2px;
    padding: 0 3px;
    color: #073b70;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}

.header-vb2026-wordmark::before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #ffc400 18%, #0054a8 52%, #ffc400 84%, transparent);
    opacity: .84;
    transform: scaleX(.76);
    transform-origin: center;
    transition: transform .22s ease, opacity .22s ease;
}

.header-vb2026-wordmark::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(105deg, transparent 0 22%, rgba(255,255,255,.78) 45%, transparent 66% 100%);
    transform: translateX(-118%);
    opacity: 0;
    pointer-events: none;
}

.header-vb2026-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0fbf74;
    box-shadow: 0 0 0 4px rgba(15,191,116,.14), 0 0 14px rgba(15,191,116,.56);
    animation: ktHeaderVbLiveDot 1.55s ease-in-out infinite;
}

.header-vb2026-wordmark-text {
    position: relative;
    color: #073b70;
    font-size: .88rem;
    font-weight: 1000;
    line-height: 1;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.74);
}

.header-vb2026-wordmark-sub {
    color: rgba(7,17,36,.66);
    font-size: .57rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: translateY(1px);
}

.header-vb2026-wordmark:hover,
.header-vb2026-wordmark:focus-visible {
    color: #0054a8;
    text-decoration: none;
    outline: none;
}

.header-vb2026-wordmark:hover::before,
.header-vb2026-wordmark:focus-visible::before {
    opacity: 1;
    transform: scaleX(1);
}

.header-vb2026-wordmark:hover::after,
.header-vb2026-wordmark:focus-visible::after {
    opacity: 1;
    animation: ktHeaderVbWordmarkShine .86s ease both;
}

.header-vb2026-wordmark:hover .header-vb2026-wordmark-text,
.header-vb2026-wordmark:focus-visible .header-vb2026-wordmark-text {
    color: #0054a8;
    text-shadow: 0 0 14px rgba(255,196,0,.28), 0 1px 0 rgba(255,255,255,.84);
}

@keyframes ktHeaderVbLiveDot {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 4px rgba(15,191,116,.14), 0 0 14px rgba(15,191,116,.50);
    }
    50% {
        transform: scale(1.18);
        box-shadow: 0 0 0 7px rgba(15,191,116,.08), 0 0 20px rgba(15,191,116,.72);
    }
}

@keyframes ktHeaderVbWordmarkShine {
    0% { transform: translateX(-118%); }
    100% { transform: translateX(118%); }
}

@media (max-width: 1180px) {
    .header-vb2026-wordmark {
        min-width: 96px;
        gap: 6px;
    }

    .header-vb2026-wordmark-sub {
        display: none;
    }
}

@media (max-width: 760px) {
    .header-vb2026-wordmark {
        min-height: 30px;
        min-width: auto;
    }

    .header-vb2026-wordmark-text {
        font-size: .78rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-vb2026-live-dot,
    .header-vb2026-wordmark:hover::after,
    .header-vb2026-wordmark:focus-visible::after {
        animation: none !important;
    }
}