.s4c-nav { display: inline-block; position: relative; font-family: 'Roboto Condensed', sans-serif; float: right; transform: translateY(-6px); }
.s4c-trigger { display: inline-flex; align-items: center; gap: 10px; padding: 0 14px; background: transparent; border: none; cursor: pointer; transition: opacity .13s; white-space: nowrap; }
.s4c-trigger:hover { opacity: .85; }
.s4c-trigger:focus-visible { outline: 2px solid #c5ec4a; outline-offset: -2px; }
.s4c-brand-logo { height: 27px; width: auto; display: block; }
.s4c-chevron { color: #c5ec4a; line-height: 0; transition: transform .2s ease; }
.s4c-chevron svg { display: block; }
.s4c-nav.open .s4c-chevron { transform: rotate(180deg); }
.s4c-panel { display: none; position: absolute; right: 0; top: 100%; min-width: 220px; flex-direction: column; background: #1c2130; box-shadow: 0 8px 24px rgba(0,0,0,.45); z-index: 99999; }
.s4c-nav.open .s4c-panel { display: flex; }
.s4c-item { display: flex; align-items: center; gap: 8px; padding: 8px 14px; text-decoration: none; border-top: 1px solid #2e3854; transition: background .12s; }
.s4c-item:hover { background: rgba(197,236,74,.08); }
.s4c-sport-name { font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #edf1f9; line-height: 1; flex: 1; }
.s4c-sport-emoji { font-size: 14px; line-height: 1; flex-shrink: 0; }
.s4c-arrow { color: #8e9ab8; font-size: 16px; line-height: 1; transition: transform .12s, color .12s; flex-shrink: 0; margin-left: auto; padding-left: 8px; }
.s4c-item:hover .s4c-arrow { transform: translateX(2px); color: #c5ec4a; }
.s4c-item--soon { opacity: .45; cursor: default; pointer-events: none; }
.s4c-soon-badge { margin-left: auto; font-family: 'Roboto', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8e9ab8; border: 1px solid #2e3854; border-radius: 3px; padding: 2px 4px; line-height: 1; flex-shrink: 0; align-self: center; }