/* =====================================================================
   core/quiet.css  ·  FINÁLNÍ zklidňující vrstva (12. 10. 2026)
   Majitel: „designově je to přeplácané, všude je toho moc“.

   Základ je směr B „Redakční“ (_quiet/b.css): hierarchii nese typografie
   a prostor, karty bez rámečků a záře, jen jemný tón pozadí, sentence case,
   jedna plná akce na komponentu. Doplněno o nejlepší nápady z A a C
   a opravené chyby, které u B našla porota (viz sekce 14 FINÁL).

   Barevné role (drží se v celém souboru):
     fialová #9147ff = akce (Získat bonus, Zapojit se…)
     magenta #e6007e = jen Tokyo (CTA, tenký rámeček, drobný štítek)
     cyan #00f5ff    = data (akcent v H1, částka v levém panelu)
     žádná zlatá; text tlumíme průhledností bílé, ne další barvou

   Načítá se ÚPLNĚ POSLEDNÍ (includes/header.php, po perf.css), proto
   stačí stejná specificita; !important jen tam, kde zdroj má !important
   nebo inline <style>. PHP ani jiné CSS se nemění. display:none jen pro
   čistou dekoraci (plovoucí automaty, jiskry, orby, pulzující tečky,
   zdvojené jméno casina, mikroštítky). Lokálně ?qv=off = stav bez vrstvy.
   ===================================================================== */

:root {
    --q-bg: #0b0a12;
    --q-tone-1: rgba(255, 255, 255, 0.028);   /* karta */
    --q-tone-2: rgba(255, 255, 255, 0.045);   /* karta hover / vnořený box */
    --q-line: rgba(255, 255, 255, 0.07);
    --q-line-2: rgba(255, 255, 255, 0.12);
    --q-text: #ecebf3;
    --q-text-2: rgba(236, 235, 243, 0.72);
    --q-mute: rgba(236, 235, 243, 0.52);
    --q-action: #9147ff;
    --q-action-h: #a25fff;
    --q-tokyo: #e6007e;          /* jediná Tokyo magenta na celém webu */
    --q-tokyo-h: #ff1a92;
    --q-tokyo-text: #ff5aa8;     /* magenta pro drobný text (kontrast AA na tmavé) */
    --q-surface: #121118;        /* plochá vrstva bez skla */
    --q-surface-2: #17161f;
    --q-data: #00f5ff;
    --q-radius: 14px;
    --q-depth: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 24px -12px rgba(0, 0, 0, 0.55);
}

/* ---------------------------------------------------------------------
   0. Pohyb: nekonečné animace jen pro skutečný LIVE + reduced motion
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* ---------------------------------------------------------------------
   1. Pozadí a dekorace
   --------------------------------------------------------------------- */
/* Pozadí stránky (shader, plovoucí automaty, orby) je PŮVODNÍ, majitel ho chce zpátky (13. 10. 2026). Tady se skrývá jen dekorace uvnitř komponent. */
.featured-dot,
.cta-btn-hero-shine,
.tkb-tube,
.bp-hero-microbadges {
    display: none !important;
}

/* Sekce už nejsou „karta v kartě“, odděluje je prostor */
section:not(.hero-section) > .container,
section:not(.hero-section) > .container-wide {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}
section:not(.hero-section) > .container::before,
section:not(.hero-section) > .container::after,
section:not(.hero-section) > .container-wide::before,
section:not(.hero-section) > .container-wide::after { display: none !important; }

/* Ikony v sekcích už nepulzují, nerotují a nelevitují */
[class*="icon"], [class*="-ico"] { animation: none !important; }

/* ---------------------------------------------------------------------
   2. Typografie: sentence case, žádné záře
   --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
    letter-spacing: -0.012em !important;
    text-shadow: none !important;
}
h1 { font-weight: 800 !important; letter-spacing: -0.02em !important; }
h2 { font-weight: 750; }
h3, h4 { font-weight: 700; }

.hero-title, .hero-title *, h1 *, h2 *, .cp-grad {
    text-shadow: none !important;
}

/* Plošně pryč s barevnými záři textu. Neutrální stíny necháváme jen tam,
   kde je text na fotce (soutěže řešíme zvlášť níž). */
body :where(p, span, strong, em, a, li, dt, dd, div, small, b, time, label) {
    text-shadow: none !important;
}

/* ---------------------------------------------------------------------
   3. Tlačítka: plná, jedna barva, sentence case, bez záře a lesku
   --------------------------------------------------------------------- */
.cta-btn-h,
.btn-primary, .cyber-btn, .gw-enter-btn,
.bonus-rail-go, .rtb-cta, .tkb .tkb-cta {
    background: var(--q-action) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    letter-spacing: 0.005em !important;
    animation: none !important;
    filter: none !important;
}
.cta-btn-h:hover,
.btn-primary:hover, .cyber-btn:hover, .gw-enter-btn:hover,
.bonus-rail-go:hover {
    background: var(--q-action-h) !important;
    box-shadow: none !important;
    transform: none !important;
}
.cta-btn-h::after, .cta-btn-h::before,
.btn-primary::before, .btn-primary::after,
.cyber-btn::before, .cyber-btn::after,
.rtb-cta::before, .rtb-cta::after,
.gw-enter-btn::before, .gw-enter-btn::after { display: none !important; }

/* Text „ZÍSKAT BONUS“ je v HTML verzálkami, převádíme na sentence case */
.cta-btn-h:not(.cta-btn-hero) {
    display: block !important;
    text-align: center;
    text-transform: lowercase !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
}
.cta-btn-h:not(.cta-btn-hero)::first-letter { text-transform: uppercase; }

/* Tokyo: akce v magentě (jen Tokyo, Dědek a ostatní zůstávají fialoví) */
.cta-btn-h[data-track-casino^="Tokyo"], a[data-track-casino^="Tokyo"].cta-btn-h,
.rtb-cta, .tkb .tkb-cta, .bonus-rail-go, .hpx--tokyo .hpx-cta {
    background: var(--q-tokyo) !important;
}
.cta-btn-h[data-track-casino^="Tokyo"]:hover,
.rtb-cta:hover, .tkb .tkb-cta:hover, .bonus-rail-go:hover, .hpx--tokyo .hpx-cta:hover {
    background: var(--q-tokyo-h) !important;
}
.cta-btn-hero { animation: none !important; letter-spacing: 0.02em !important; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, 0.7) !important; }

/* Sekundární akce = textový odkaz */
.bonus-more-link {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 6px 0 !important;
    min-height: 0 !important;
    color: var(--q-text-2) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.22);
    text-underline-offset: 4px;
}
.bonus-more-link:hover { color: var(--q-text) !important; text-decoration-color: currentColor; }

/* ---------------------------------------------------------------------
   4. Karta bonusu .bonus-card-h (10–13× na stránce)
   --------------------------------------------------------------------- */
.bonus-card-h {
    background: var(--q-tone-1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    gap: 18px !important;
    padding: 30px 28px 24px !important;
}
.bonus-card-h::before, .bonus-card-h::after { display: none !important; }
.bonus-card-h:hover {
    background: var(--q-tone-2) !important;
    border-color: var(--q-line) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Jméno casina opakuje logo */
.bonus-casino-name { display: none !important; }
.bonus-logo-fallback { background: none !important; border: 0 !important; box-shadow: none !important; }
.bonus-logo-h img { filter: none !important; }

.bonus-title-h {
    font-size: clamp(1.05rem, 0.9rem + 0.45vw, 1.25rem) !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    color: var(--q-text) !important;
}

/* Kroky: tiché číslo */
.bonus-steps li { color: var(--q-text-2) !important; }
.bonus-steps li::before,
.bp-hero-steps li::before, .bp-steps li::before {
    background: none !important;
    border: 1px solid var(--q-line-2) !important;
    color: var(--q-mute) !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    font-weight: 600 !important;
}

/* PLATÍ PRO: jeden řádek prostého textu s „·“ */
.bonus-tags-h {
    display: block !important;
    line-height: 1.6;
    font-size: 0.8rem !important;
    color: var(--q-mute) !important;
}
/* Každá položka je inline-block, aby fungovalo ::first-letter (verzálky
   z DB → „Automaty“), a nezalomí se uprostřed. Oddělovač „·“ visí ZA
   položkou (::after), takže řádek nikdy nezačíná osiřelou tečkou. */
.tags-label {
    display: inline-block !important;
    text-transform: lowercase !important;
    letter-spacing: 0 !important;
    font-size: 0.8rem !important;
    color: var(--q-mute) !important;
    margin-right: 4px !important;
    font-weight: 500 !important;
}
.tags-label::first-letter { text-transform: uppercase; }
.bonus-tag {
    display: inline-block !important;
    white-space: nowrap;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--q-text-2) !important;
    text-transform: lowercase !important;
    letter-spacing: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
}
.bonus-tag::first-letter { text-transform: uppercase; }
.bonus-tag:not(:last-child)::after {
    content: "·";
    display: inline-block;
    margin: 0 3px 0 6px;   /* mezera ze zdroje doplní zbytek */
    color: var(--q-mute);
}

/* Promo kód: výrazný, ale statický */
.bonus-promo {
    background: var(--q-tone-1) !important;
    border: 1px solid var(--q-line) !important;
    border-style: solid !important;
    box-shadow: none !important;
}
.bonus-promo-label, .bonus-promo-hint {
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--q-mute) !important;
}
.bonus-promo-label { color: var(--q-text-2) !important; font-weight: 600 !important; }
.bonus-promo-code, .bp-promo-code, [class*="promo-code"] {
    animation: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background: rgba(145, 71, 255, 0.16) !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid rgba(145, 71, 255, 0.5) !important;
}

.bp-updated { color: var(--q-mute) !important; }
.bp-updated svg { color: var(--q-mute) !important; opacity: 0.6 !important; }

/* Terms */
.bp-term { background: none !important; border-color: var(--q-line) !important; box-shadow: none !important; }
.bp-term-label { text-transform: none !important; letter-spacing: 0 !important; color: var(--q-mute) !important; }

/* Štítky v rohu karet: tichý text */
.bp-exclusive-badge, .bp-limited-badge, .bp-hero-ribbon,
.bonus-badge, .card-badge {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    animation: none !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    color: var(--q-mute) !important;
    font-weight: 600 !important;
    padding: 0 !important;
}

/* ---------------------------------------------------------------------
   5. Hero karty Tokyo / Dědek
   --------------------------------------------------------------------- */
.bp-hero, .bp-exclusive {
    background: var(--q-tone-2) !important;
    background-image: none !important;
    border: 1px solid var(--q-line) !important;
    box-shadow: var(--q-depth) !important;
}
.bp-hero::after, .bp-hero::before,
.bp-exclusive::before, .bp-exclusive::after {
    animation: none !important;
    display: none !important;
}
.bp-hero[class*="tokyo"], .bp-hero:first-child { border-color: rgba(230, 0, 126, 0.28) !important; }
.bp-hero-value-amount, .bp-hero-free, .bp-hero-value-amount * {
    text-shadow: none !important;
    animation: none !important;
}
.bp-hero-value-label { text-transform: none !important; letter-spacing: 0 !important; }
.bp-bene-ico { background: none !important; box-shadow: none !important; color: var(--q-mute) !important; border-color: var(--q-line-2) !important; }
.bp-hero-trust *, .bp-trust-rating { box-shadow: none !important; }

/* Limitované nabídky bez nekonečných animací */
.bp-limited, .bp-limited *, .bp-limited::before, .bp-limited::after { animation: none !important; }

/* ---------------------------------------------------------------------
   6. Filtry, pilulky, počítadla
   --------------------------------------------------------------------- */
.bp-filter-tab, .filter-tab {
    background: none !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--q-text-2) !important;
    font-weight: 600 !important;
}
.bp-filter-tab:hover, .filter-tab:hover { color: var(--q-text) !important; }
.bp-filter-tab.active, .filter-tab.active,
.bp-filter-tab[aria-selected="true"], .filter-tab[aria-selected="true"] {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #fff !important;
}

/* Řada odkazů nad kartami: text s „·“ */
.idx-linkpills { gap: 0 !important; row-gap: 4px !important; }
/* Oddělovač za odkazem (::after), ne před ním: na mobilu se řádek zalomí
   bez osiřelé „·“ na začátku. Řez 400, ať nesoupeří s H1 a perexem. */
.idx-linkpills a {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
    color: var(--q-text-2) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    font-size: 0.86rem !important;
    white-space: nowrap;
}
.idx-linkpills a:hover { color: var(--q-text) !important; text-decoration: underline; text-underline-offset: 3px; }
.idx-linkpills a:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--q-mute); display: inline-block; text-decoration: none; }

/* Zdvojené počítadlo: nechat „N nabídek“ u filtrů */
.idx-numchip, .rsp-count-pill {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--q-mute) !important;
}
.bp-result-count { text-transform: none !important; letter-spacing: 0 !important; color: var(--q-mute) !important; }

.landing-badge, .landing-badges > *, .hero-badge, .page-badge, .ed-eyebrow, .eyebrow, .section-eyebrow {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    animation: none !important;
    text-shadow: none !important;
}

/* ---------------------------------------------------------------------
   7. Navigace a horní lišta
   --------------------------------------------------------------------- */
.logo-image { filter: none !important; box-shadow: none !important; animation: none !important; }

.idx-hub-card { box-shadow: none !important; }
.idx-hub-card:hover { box-shadow: none !important; transform: none !important; }

/* ---------------------------------------------------------------------
   8. Levý panel bonusů
   --------------------------------------------------------------------- */
.bonus-rail-hero {
    background: var(--q-tone-2) !important;
    background-image: none !important;
    border: 1px solid rgba(0, 245, 255, 0.22) !important;
    box-shadow: none !important;
}
.bonus-rail-hero::before, .bonus-rail-hero::after { display: none !important; }
.bonus-rail-badge {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: var(--q-mute) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
.bonus-rail-go { border-radius: 9px !important; }
.bonus-rail-btn {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--q-mute) !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-weight: 600 !important;
}
.bonus-rail-btn::after { content: " →"; }
.bonus-rail-item:hover .bonus-rail-btn,
.bonus-rail-row:hover .bonus-rail-btn,
li:hover > a .bonus-rail-btn,
a:hover > .bonus-rail-btn {
    background: var(--q-action) !important;
    color: #fff !important;
}
.bonus-rail-bn { color: var(--q-mute) !important; }
.bonus-rail-hero .bonus-rail-bn { color: var(--q-data) !important; }
.bonus-rail-head, .bonus-rail-head * {
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--q-mute) !important;
    text-shadow: none !important;
}
.bonus-rail-all {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--q-text-2) !important;
}
.bonus-rail, .bonus-rail-inner {
    box-shadow: none !important;
    background-image: none !important;
}

/* ---------------------------------------------------------------------
   9. Tokyo banner na /bonusy .tkb (jen zklidnit)
   --------------------------------------------------------------------- */
.tkb { box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8) !important; }
.tkb *, .tkb *::before, .tkb *::after { animation: none !important; text-shadow: none !important; }
.tkb-dot::after { display: none !important; }
.tkb-pole { box-shadow: none !important; filter: none !important; width: 1px !important; }
.tkb-amount { text-shadow: none !important; filter: none !important; }
.tkb-kanji { text-shadow: none !important; opacity: 0.35 !important; filter: none !important; }
.tkb-step-n { box-shadow: none !important; text-shadow: none !important; }
.tkb-tags > li {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding-left: 0 !important;
}
.tkb .tkb-cta { box-shadow: none !important; text-transform: none !important; }

/* ---------------------------------------------------------------------
   10. Spodní Tokyo lišta .rtb
   --------------------------------------------------------------------- */
.rtb {
    box-shadow: none !important;
    border-top: 1px solid var(--q-line) !important;
    background: rgba(11, 10, 18, 0.96) !important;
    background-image: none !important;
    backdrop-filter: none !important;
}
.rtb-cta { text-transform: none !important; letter-spacing: 0 !important; }

/* ---------------------------------------------------------------------
   11. Soutěže
   --------------------------------------------------------------------- */
.gw-tval { text-shadow: none !important; }
.gw-tunit { border: 0 !important; box-shadow: none !important; background: var(--q-tone-1) !important; }
.gw-tlabel, .gw-tunit small, .gw-tunit span:not(.gw-tval) { text-transform: none !important; letter-spacing: 0 !important; }
.gw-enter-btn { text-transform: none !important; }
.gw-badge { box-shadow: none !important; text-transform: none !important; letter-spacing: 0.01em !important; }
.gw-card-participants {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.gw-card-prize, .gw-card-prize * { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75) !important; }
.gw-card, .giveaway-card { box-shadow: none !important; }
.gw-card-bg::after { background: rgba(8, 7, 14, 0.75) !important; }
[class*="mgc-"] { text-shadow: none !important; }
.gw-live-glow, .gw-live-dot { animation: none !important; box-shadow: none !important; }
.is-stream-live .gw-live-dot { animation: revert !important; }

/* ---------------------------------------------------------------------
   12. Editorial a recenze
   --------------------------------------------------------------------- */
/* Karty v článcích: bez rámečku a stínu, jen jemný tón pozadí */
.ed-card {
    background: var(--q-tone-1) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.ed-card::before, .ed-card::after { display: none !important; }
.ed-ico { display: none !important; }
.ed-tag, .ed-pill, .ed-badge, .ed-eyebrow {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.ed-table th { text-transform: none !important; letter-spacing: 0 !important; }
.ed-rating-pip { box-shadow: none !important; }
.ed-callout, .ed-box, .ed-note, .ed-tip {
    background: none !important;
    border: 0 !important;
    background: rgba(255,255,255,.03) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------------------
   13. Stream, kalendář, patička, drobnosti
   --------------------------------------------------------------------- */
.cal-today, .cal-stream-avatar { box-shadow: none !important; }
.cal-birthday { animation-duration: 6s !important; }
.stream-viewers-dot, .stream-also-badge { animation: none !important; box-shadow: none !important; }
.is-stream-live .stream-viewers-dot { animation: revert !important; }
.age-badge, .stream-cta-play, .tokyo-blog-cta, .bp-glossary-item dt::before { box-shadow: none !important; text-shadow: none !important; }

/* Tokyo stránka */
.tk-hero h1 .cp-grad, .tk-lit, .tk-amount, .tk-kanji, .tk-checks, .tk-checks * { text-shadow: none !important; }

/* Mobilní lišta: pravidla jen na .nav-mode--bar */

/* =====================================================================
   KOLO 2: zbytky po prvním renderu
   ===================================================================== */

/* Značkový gradient fialová→cyan na plných tlačítkách → plná fialová.
   Proměnnou přepisujeme plošně, známá tlačítka dostanou bílý text. */
:root {
    --respinners-gradient: #9147ff;
    --gradient-respinners: #9147ff;
}
.gw-enter-btn, .gw-login-hint a, .gw-live-btn--login, .gw-discord-confirm,
.btn-primary, .buy-confirm-btn {
    color: #fff !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
}
.gw-login-hint a { background: var(--q-action) !important; }
.gw-login-hint a:hover { background: var(--q-action-h) !important; color: #fff !important; transform: none !important; }
.gw-enter-text, .gw-enter-joined { text-transform: lowercase; display: inline-block; }
.gw-enter-text::first-letter, .gw-enter-joined::first-letter { text-transform: uppercase; }

/* Filtry: literálové verzálky → sentence case */
.filter-tab, .bp-filter-tab { display: inline-block; text-transform: lowercase !important; }
.filter-tab::first-letter, .bp-filter-tab::first-letter { text-transform: uppercase; }

/* Hero pár partnerů na homepage (.hpx) */
.hpx {
    background: var(--q-tone-2) !important;
    border: 1px solid var(--q-line) !important;
    box-shadow: var(--q-depth) !important;
}
.hpx--tokyo { border-color: rgba(230, 0, 126, 0.3) !important; }
.hpx-bg { display: none !important; }
.hpx-badge {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--q-mute) !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
}
.hpx-list li::before {
    background-color: transparent !important;
    border-color: var(--q-line-2) !important;
}
.hpx-tags { gap: 0 !important; }
.hpx-tags span {
    display: inline-block !important;
    white-space: nowrap;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--q-mute) !important;
    text-transform: lowercase !important;
    letter-spacing: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}
.hpx-tags span::first-letter { text-transform: uppercase; }
.hpx-tags span:not(:last-child)::after { content: "·"; display: inline-block; margin: 0 7px; }
.hpx-promo { text-transform: none !important; letter-spacing: 0 !important; color: var(--q-mute) !important; font-size: 0.8rem !important; }
.hpx-promo strong {
    background: rgba(145, 71, 255, 0.16) !important;
    border: 1px solid rgba(145, 71, 255, 0.5) !important;
    color: #fff !important;
}
.hpx-cta {
    background: var(--q-action) !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    filter: none !important;
}
.hpx--dedek .hpx-cta { background: var(--q-action) !important; }
.hpx-cta:hover { transform: none !important; }
.hpx-more { color: var(--q-mute) !important; }

/* Tokyo banner: rozpis a štítek */
.tkb [class*="tag"], .tkb [class*="badge"], .tkb [class*="label"], .tkb-flag, .tkb-ribbon {
    box-shadow: none !important;
    text-shadow: none !important;
}
.tkb-step-n { background: none !important; border: 1px solid rgba(230, 0, 126, 0.45) !important; color: rgba(255, 255, 255, 0.8) !important; }

/* Soutěže: kategorie (inline <style> v těle stránky, proto !important) */
.gw-card[class*="gw-cat-"]::before { box-shadow: none !important; height: 2px !important; opacity: 0.55 !important; }
.gw-card[class*="gw-cat-"] { border-color: var(--q-line) !important; }
.gw-card.gw-cat-hodnotne::before { background: #c9b6ff !important; }
.gw-cat--hodnotne .gw-cat-title { color: #d9ccff !important; }
.gw-cat--hodnotne .gw-cat-dot { background: #c9b6ff !important; color: #c9b6ff !important; }
.gw-chip--hodnotne { --gw-chip-c: #c9b6ff !important; }
.gw-cat-dot { box-shadow: none !important; }
.gw-chip { box-shadow: none !important; }
.gw-tval { color: var(--q-text) !important; }
.gw-tlabel { color: var(--q-mute) !important; }
.gw-badge {
    background: rgba(8, 7, 14, 0.6) !important;
    border: 0 !important;
    text-transform: lowercase !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
.gw-badge::first-letter { text-transform: uppercase; }
.gw-prize-pill { box-shadow: none !important; }
.gw-card-promo, .gw-card-terms { box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Recenze: sekce bez krabic, odděluje je prostor a vlasová linka */
.review-hero, .review-section {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 40px 0 !important;
    margin-bottom: 0 !important;
}
.review-section { border-top: 1px solid var(--q-line) !important; }
.review-hero { padding-top: 12px !important; }
.review-hero::before, .review-cta-box::before { display: none !important; }
.review-cta-box {
    background: var(--q-tone-2) !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 8px 0 24px !important;
}
.review-cta-bonus { text-transform: none !important; }
.review-cta-step-num {
    background: none !important;
    border: 1px solid var(--q-line-2) !important;
    color: var(--q-mute) !important;
    border-radius: 50% !important;
}
.review-cta-btn {
    background: var(--q-action) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    letter-spacing: 0.01em !important;
    border: 0 !important;
}
.review-cta-btn[data-track-casino^="Tokyo"], .page-recenze-tokyo .review-cta-btn { background: var(--q-tokyo) !important; }
.rv-tag {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--q-text-2) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 0.8rem !important;
}
.rv-tag + .rv-tag::before { content: "· "; color: var(--q-mute); margin-right: 6px; }
.rv-score { background: var(--q-tone-1) !important; border: 0 !important; box-shadow: none !important; }
.rv-score::before, .rv-score::after { display: none !important; }
.rv-split-side > *, .ed-aside, .ed-frame, .ed-facts {
    background: var(--q-tone-1) !important;
    border: 0 !important;
    box-shadow: none !important;
}
.rqf-item, .ed-pillar { background: var(--q-tone-1) !important; border-color: transparent !important; box-shadow: none !important; }
.rqf-label, .ed-pillar-label { text-transform: none !important; letter-spacing: 0 !important; color: var(--q-mute) !important; }
.ed-head { border: 0 !important; box-shadow: none !important; }
.ed-rating-pip.is-on { box-shadow: none !important; }
.ed-list li::before, .review-section ul li::before { box-shadow: none !important; }
.review-table-wrap, .ed-table-wrap { border-color: var(--q-line) !important; box-shadow: none !important; background: none !important; }

/* =====================================================================
   KOLO 3
   ===================================================================== */

/* Meta texty, které mají v HTML nebo CSS verzálky */
.idx-see-all, .idx-result-count, .bp-result-count {
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--q-mute) !important;
    font-weight: 500 !important;
}
.idx-see-all:hover { color: var(--q-text) !important; }
.gw-card-terms-head, .gw-card-terms-head * { text-transform: none !important; letter-spacing: 0 !important; }

/* Recenze: rychlá fakta a obsah bez krabic */
.review-quickfacts, .review-toc {
    background: none !important;
    border: 0 !important;
    border-top: 1px solid var(--q-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 40px 0 !important;
    margin-bottom: 0 !important;
}
.review-quickfacts::before, .review-quickfacts::after, .review-toc::before, .review-toc::after { display: none !important; }
.rqf-band { background: none !important; border: 0 !important; box-shadow: none !important; gap: 2px !important; }
.review-toc-list li::before, .review-toc ol li::before { color: var(--q-mute) !important; text-shadow: none !important; }
.review-cta-btn-t { text-transform: none !important; letter-spacing: 0 !important; }

/* Kotlar karta: rohy a rámečky bez barevných září */
.mgc-corner { border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: none !important; }
[class*="mgc-"] { box-shadow: none !important; }

/* Landing hero (/free-spiny-bez-vkladu aj.): tlačítka a odznaky nad H1 */
.rsp-btn {
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    border-radius: 10px !important;
}
.rsp-btn:hover { transform: none !important; box-shadow: none !important; }
.rsp-btn--primary, .rsp-btn-primary {
    background: var(--q-action) !important;
    color: #fff !important;
}
.rsp-btn--primary:hover, .rsp-btn-primary:hover { background: var(--q-action-h) !important; color: #fff !important; }
.rsp-btn--ghost, .rsp-btn--outline, .rsp-btn-secondary {
    background: none !important;
    border-color: var(--q-line-2) !important;
    color: var(--q-text-2) !important;
}
.rsp-btn--ghost:hover, .rsp-btn--outline:hover, .rsp-btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: var(--q-text) !important;
    background: none !important;
}
/* Čtyři pilulky → jeden tlumený řádek s „·“ (obě data zůstávají, viz komentář v šabloně) */
.landing-hero-badges { gap: 0 !important; row-gap: 4px !important; }
.landing-badge {
    padding: 0 !important;
    color: var(--q-mute) !important;
    font-size: 0.8rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}
.landing-badge { white-space: nowrap; }
.landing-badge:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--q-mute); }
.landing-badge svg, .landing-badge .dot { display: none !important; }

/* Články: číslované kroky, postranní CTA */
.ed-steps li::before {
    background: none !important;
    border: 1px solid var(--q-line-2) !important;
    color: var(--q-mute) !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}
.ba-rail-cta {
    background: var(--q-tone-1) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.ba-rail-cta::before, .ba-rail-cta::after { display: none !important; }
.ba-rail-cta-k { text-transform: none !important; letter-spacing: 0 !important; color: var(--q-mute) !important; font-weight: 600 !important; }
.ba-rail-cta-go { background: var(--q-action) !important; box-shadow: none !important; border-radius: 9px !important; }
.ed-faq details, .ed-faq-item, details.ed-faq-q { box-shadow: none !important; }

/* FAQ akordeony: tón místo rámečku, šipka bez cyan kroužku */
.ed-faq details {
    background: var(--q-tone-1) !important;
    border: 1px solid transparent !important;
}
.ed-faq details:hover, .ed-faq details[open] { border-color: var(--q-line) !important; }
.ed-faq details[open] summary { border-bottom-color: var(--q-line) !important; }
.ed-faq summary::after {
    background-color: transparent !important;
    border-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a7b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}
.ba-tag {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--q-mute) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}
.ba-toc-label { text-transform: none !important; letter-spacing: 0 !important; color: var(--q-mute) !important; }

/* =====================================================================
   14. FINÁL: opravy podle poroty a převzaté nápady z A a C
   ===================================================================== */

/* 14.1 Tokyo zůstává vizuálně první, ale bez pilulek.
   B měl všechny mikroštítky šedé, takže Tokyo splynulo s ostatními.
   Štítek „Exkluzivní ambasadoři“ je proto tichý text v magentě (nápad A),
   ostatní partneři („Partner · kód RSP“) zůstávají šedí. */
.hpx--tokyo .hpx-badge,
.bonus-rail-hero .bonus-rail-badge,
.ro-exclusive-tag { color: var(--q-tokyo-text) !important; }
.ro-exclusive-tag {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Hero karta Tokyo: jemně tónovaná plocha do magenty místo záře (nápad C,
   ale plochá barva, žádný gradient). Dědek zůstává neutrální. */
.hpx--tokyo { background: #170d16 !important; }
.hpx--tokyo .hpx-cta,
.hpx--tokyo .hpx-cta:hover { color: #fff !important; }

/* Levý panel: Tokyo box má tenký magenta rámeček místo cyan (Tokyo = magenta),
   částka zůstává cyan, protože je to údaj. */
.bonus-rail-hero { border-color: rgba(230, 0, 126, 0.35) !important; }

/* 14.2 Tokyo banner na /bonusy: nejklidnější verze (nápad A).
   Pryč fialová mlha, mřížka, gradientová plocha, šroubky v rozích a
   vnitřní lem. Zůstává plochý tmavý povrch, tenký magenta rám a jedno
   magenta tlačítko. Visačka „Exkluzivní ambasadoři“ = tichý text. */
.tkb {
    background: var(--q-surface) !important;
    background-image: none !important;
    border-color: rgba(230, 0, 126, 0.35) !important;
    box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8) !important;
}
.tkb-scene, .tkb::before { display: none !important; }
.tkb::after { border-color: transparent !important; }
.tkb .tkb-tab {
    background: none !important;
    box-shadow: none !important;
    color: var(--q-tokyo-text) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    padding: 0 !important;
    top: 16px !important;
}
.tkb .tkb-tab svg { opacity: 0.8; }
.tkb .tkb-label { letter-spacing: 0.04em !important; color: var(--q-mute) !important; }
.tkb .tkb-tags { gap: 0 !important; }
.tkb .tkb-tags > li { color: var(--q-mute) !important; font-size: 0.78rem !important; white-space: nowrap; }
.tkb .tkb-tags > li:not(:last-child)::after { content: "·"; margin: 0 7px; color: var(--q-mute); }
.tkb .tkb-live, .tkb .tkb-daily { background: none !important; border-color: var(--q-line) !important; }
/* Číslo kroku má plnou plochu, aby jím neprocházela svislá linka */
.tkb-step-n { background: var(--q-surface) !important; border: 1px solid var(--q-line-2) !important; color: var(--q-mute) !important; }
/* Svislé linky (sloup s kanji, osa kroků): 1px neutrální, bez fialové/magenta záře */
.tkb-pole, .tkb-pole::before, .tkb-pole::after,
.tkb .tkb-steps::before { background: var(--q-line-2) !important; background-image: none !important; box-shadow: none !important; }
.tkb .tkb-cta, .tkb .tkb-cta:hover { color: #fff !important; transform: none !important; }
.tkb .tkb-cta::after { display: none !important; }

/* 14.3 Promo kód RSP: bílý blok s tmavým textem (nápad A, 2 ze 3 porotců).
   Jediný vysoce kontrastní prvek karty vedle tlačítka, nic nepulzuje.
   Fialová výplň by splývala s „Získat bonus“ (výtka u C). */
.bonus-promo {
    background: var(--q-tone-1) !important;
    border: 1px solid var(--q-line) !important;
}
.bonus-promo-code, .bp-promo-code, .hpx-promo strong {
    background: #fff !important;
    color: #0b0a12 !important;
    border: 0 !important;
    -webkit-text-fill-color: currentColor;
}

/* 14.4 Zbylé verzálky s prostrkáním, které B nechal */
.gw-card-terms > summary, .gw-card-terms-head strong {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.gw-section-label, .gw-cat-title { text-transform: none !important; letter-spacing: 0 !important; }

/* Štítky recenze: oddělovač za položkou, ne před ní (žádná osiřelá „·“) */
.rv-tag + .rv-tag::before { content: none !important; }
.rv-tag:not(:last-child)::after { content: "·"; margin: 0 8px; color: var(--q-mute); }

/* 14.5 LIVE/OFFLINE v horní liště. OFFLINE skrývá už sekce 7 (je to šum).
   LIVE zůstává jako červená tečka a text bez rámečku a záře. */

/* 14.6 Počítadlo výsledků: na landingu už počet říká řádek nad H1
   („12 nabídek aktivních dnes“), druhé počítadlo je tam zdvojené (nápad C).
   Na ostatních stránkách zůstává jako tichý text. */
body:has(.landing-hero-badges) .bp-result-count,
body:has(.landing-hero-badges) .idx-result-count { display: none !important; }

/* Landing: řádek nad H1 jako jedna tichá věta, ať se drží pohromadě */
.landing-hero-badges { display: flex !important; flex-wrap: wrap; align-items: baseline; }

/* 14.7 Hloubka vrstev: na rozdíl od A nevypínáme box-shadow plošně.
   Rozbalovací nabídky, mega menu, modaly a mobilní menu si drží
   neutrální stín do hloubky; barevné halo z nich ale pryč. */
.streamer-modal,
.login-modal {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 18px 48px -16px rgba(0, 0, 0, 0.75) !important;
}

/* 14.8 Cyan = data. Akcent v H1 a částky; obecné texty a ikony ne. */
.bonus-rail-hero .bonus-rail-amt { color: var(--q-data) !important; }

/* 14.9 Navigace: Tokyo položka s tenkým magenta rámem místo cyan
   (Tokyo = magenta), LIVE text bez prostrkání. */

/* 14.10 Stránka /tokyo: CTA byla gradient fialová→magenta se září.
   Tokyo = jedna plochá magenta (stejná jako na kartách a v recenzi). */
.tk-cta {
    background: var(--q-tokyo) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    filter: none !important;
    animation: none !important;
}
.tk-cta:hover {
    background: var(--q-tokyo-h) !important;
    transform: none !important;
}
.tk-cta::before, .tk-cta::after { display: none !important; }

/* 14.11 Pojistka: každé plné Tokyo tlačítko kdekoli (tabulky kódů, mega menu)
   je magenta, i když ho šablona pojmenovala obecně. */
a[data-track-casino^="Tokyo"]:is([class*="btn"], [class*="cta"]):not(.bonus-more-link) {
    background: var(--q-tokyo) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------------------
   15. SEO obsah jako redakční průvodce (13. 10. 2026)
   Majitel: SEO obsah je přeplácaný. Informační karty v mřížce (kritéria,
   typy bonusů, kroky) se mění na klidný číslovaný výčet s předěly, text
   v čitelné šířce, nadpisy jednobarevné. Text a nadpisy beze změny (SEO).
   Propagační a odkazové karty (CTA, Dědek, dlaždice) se NEMĚNÍ.
   --------------------------------------------------------------------- */
:root { --q-ed-line: rgba(255, 255, 255, 0.08); }

/* Mřížka informačních karet -> výčet s předěly */
.ed-grid:has(> .ed-card:not(.ed-card--link):not(.ed-card--feature):not(.lc-dedek):not([class*="promo"])) {
    display: block !important;
    gap: 0 !important;
    border-top: 1px solid var(--q-ed-line);
    margin-top: 8px;
}
.ed-grid > .ed-card:not(.ed-card--link):not(.ed-card--feature):not(.lc-dedek):not([class*="promo"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
    gap: 6px 36px;
    align-items: baseline;
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--q-ed-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 20px 0 !important;
    min-height: 0 !important;
}
.ed-grid > .ed-card:not(.ed-card--link):not(.ed-card--feature):not(.lc-dedek):not([class*="promo"]) .ed-card-title {
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    display: flex;
    gap: .6em;
    align-items: baseline;
}
.ed-grid > .ed-card:not(.ed-card--link):not(.ed-card--feature):not(.lc-dedek):not([class*="promo"]) .ed-card-text {
    margin: 0 !important;
    max-width: 68ch;
    color: rgba(255, 255, 255, 0.72) !important;
    line-height: 1.7 !important;
}
.ed-grid > .ed-card:not(.ed-card--link):not(.ed-card--feature):not(.lc-dedek):not([class*="promo"]) .ed-ico { display: none !important; }
@media (max-width: 760px) {
    .ed-grid > .ed-card:not(.ed-card--link):not(.ed-card--feature):not(.lc-dedek):not([class*="promo"]) { grid-template-columns: 1fr; padding: 16px 0 !important; }
}

/* Číslo kritéria: tiché číslo místo čtverečku */
.idx-numchip, .ed-card-title .ed-num {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important; height: auto !important; min-width: 1.4em;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
}

/* Kroky „Jak začít“: číslovaný seznam bez boxů */
.ed-steps.ed-steps--cards > li {
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--q-ed-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    max-width: 78ch;
}
.ed-steps.ed-steps--cards { border-top: 1px solid var(--q-ed-line); }

/* Odstavce průvodce v čitelné šířce */
.ed-prose p, .ed-prose li, .ed-split > div > p { max-width: 70ch; }

/* Nadpisy v SEO obsahu jednobarevné (zvýraznění jen váhou, ne barvou) */
.idx-seo h2 span, .idx-seo h3 span, .ed-head h2 span, .ed-prose h2 span, .ed-prose h3 span,
.idx-guide-title span, .seo-guide h2 span, .seo-guide h3 span,
.landing-editorial h2 span, .landing-editorial h3 span {
    color: inherit !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
/* Ikona u „Detailní průvodce“ je dekorace */
.idx-guide-ico { display: none !important; }

/* FAQ: čisté předěly místo karet */
.ed-faq details {
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--q-ed-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.ed-faq { border-top: 1px solid var(--q-ed-line); }

/* SEO obsah na landing stránkách: bez čísel sekcí 01/02/03 (impeccable je
   zakazuje, pořadí sekcí nenese informaci), kroky v jednom sloupci,
   souhrnné boxy jen jemným tónem bez rámečku. */
.fsv-guide h2 { padding-left: 0 !important; min-height: 0 !important; }
.fsv-guide h2::before { content: none !important; display: none !important; }
.ed-steps.ed-steps--cards {
    display: block !important;
    columns: auto !important;
    grid-template-columns: none !important;
}
.ed-steps.ed-steps--cards > li { margin: 0 !important; }
.fsv-sum, .ed-callout {
    border: 0 !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
}
.seo-guide-title span { color: inherit !important; -webkit-text-fill-color: currentColor !important; background: none !important; }

/* Ikona u „Detailní průvodce“ na landing stránkách = dekorace */
.seo-guide-ico, .seo-guide-icon { display: none !important; }


/* ---------------------------------------------------------------------
   16. Bonusy hned nahoře (13. 10. 2026, majitel: „ať jsou hned nahoře
   bonusy, zmenšit ten text“). Úvod SEO stránek je kompaktní: menší H1,
   úvodní odstavec na 2 řádky (text zůstává celý v HTML), méně vzduchu
   mezi úvodem a kartami. Kotevní tlačítka v hero (#nabidky/#pruvodce) pryč,
   bonusy jsou hned pod nimi.
   --------------------------------------------------------------------- */
.landing-hero {
    padding-top: 22px !important;   /* .main-content už odsazuje o výšku lišty */
    padding-bottom: 6px !important;
    min-height: 0 !important;
}
.landing-hero h1, .landing-hero-inner h1 {
    font-size: clamp(1.55rem, 2.3vw, 2.15rem) !important;
    line-height: 1.15 !important;
    margin: 6px 0 8px !important;
}
.landing-hero-badges { margin-bottom: 4px !important; }
.landing-hero-intro, .landing-hero-sub, .idx-lead p, .idx-lead {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    max-width: 100ch !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    color: rgba(255, 255, 255, 0.62) !important;
}
.idx-lead { display: block !important; -webkit-line-clamp: unset; overflow: visible !important; margin-bottom: 4px !important; }
.idx-lead p + p { display: none !important; }
.idx-brand-lead { font-size: 14.5px !important; margin: 6px 0 4px !important; }
.landing-hero-ctas { display: none !important; }

/* První sekce s kartami těsně pod úvodem */
.landing-hero + section, .landing-hero + .rsp-container,
.landing-section--lg:first-of-type, .cbr-band, .pck-band-tight {
    padding-top: 10px !important;
    margin-top: 0 !important;
}
.landing-hero + section .rsp-section-label h2,
.cbr-band .rsp-section-label h2 {
    font-size: clamp(1.15rem, 1.6vw, 1.45rem) !important;
}
.landing-hero + section .rsp-section-label { margin-bottom: 14px !important; }

/* Homepage: méně místa mezi nadpisem, úvodem a kartami */
.idx-linkpills { margin: 8px 0 6px !important; }
.idx-filter-row { margin: 6px 0 14px !important; }
@media (max-width: 640px) {
    .landing-hero-intro, .landing-hero-sub { -webkit-line-clamp: 3; }
    .idx-linkpills { display: none !important; }
}

/* Levý panel: řádek Betano (odkaz vede na Tokyo affiliate) nesmí svítit
   magentou jako jediný. Vypadá jako ostatní řádky, Tokyo nese karta nahoře. */
.bonus-rail-list .bonus-rail-row a.bonus-rail-btn[data-track-casino],
.is-betano .bonus-rail-btn {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--q-mute) !important;
}
.bonus-rail-list .bonus-rail-row:hover a.bonus-rail-btn[data-track-casino],
.is-betano:hover .bonus-rail-btn {
    background: var(--q-action) !important;
    color: #fff !important;
}

/* Mega-panel: tlačítka bez přechodu. Tokyo plná magenta (pravidlo 14.11), ostatní tichá fialová. */
.mega-panel .mega-casino-cta:not([data-track-casino^="Tokyo"]) {
    background: rgba(145, 71, 255, 0.16) !important;
    background-image: none !important;
    color: #e9e3ff !important;
    border: 1px solid rgba(145, 71, 255, 0.35) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.mega-panel .mega-casino-cta:not([data-track-casino^="Tokyo"]):hover { background: rgba(145, 71, 255, 0.3) !important; }
.mega-panel { box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45) !important; }

/* ---------------------------------------------------------------------
   17. Hlavní menu: DVOUPATROVÉ jako dřív, jen přestylované (impeccable +
   design-taste, vzor majitele). Rozložení řádků se nemění, mění se vzhled:
   jedna tmavá plocha, jeden akcent (cyan) jen pro aktivní stav, všechny
   položky stejný recept ikona + text, žádné pilulky, plná barevná tlačítka
   ani blikání. LIVE jen při vysílání. Mobil (<1301 px) beze změny.
   --------------------------------------------------------------------- */
@media (min-width: 1301px) {
    .navbar { background: #0c0a14 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important; box-shadow: none !important; }
    .navbar-blur-bg { display: none !important; }
    .nav-container::before { border-top-color: rgba(255, 255, 255, 0.06) !important; }

    /* Horní patro: pryč blikající „Sleduj nás“ a OFFLINE */
    /* „Sleduj nás“ a LIVE/OFFLINE zůstávají (majitel), jen přestylované níž */
    .nav-right-group { gap: 10px !important; }

    /* Spodní patro: pryč pilulky a štítky u položek */
    .nav-big-pill, .nav-tokyo-tag, .nav-hot-tag, .nav-win-badge { display: none !important; }

    /* Položky: jeden recept (ikona + text) */
    .nav-link,
    .nav-big, .nav-big--win, .nav-big--shop, .nav-link-tokyo, .nav-link-rewards, .nav-link-cs2 {
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: rgba(255, 255, 255, 0.78) !important;
        background: none !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        animation: none !important;
    }
    .nav-big::before, .nav-big::after { display: none !important; }
    .nav-link .nav-ico, .nav-big .nav-ico { display: inline-flex !important; color: #8b84a8 !important; opacity: 1 !important; filter: none !important; }
    .nav-link:hover, .nav-big:hover, .nav-link:focus-visible { color: #fff !important; }
    .nav-link:hover .nav-ico { color: #c9c3e0 !important; }
    .nav-link.active, .nav-big.active { color: #fff !important; }
    .nav-link.active .nav-ico, .nav-big.active .nav-ico { color: #00f5ff !important; }
    .nav-underline { background: #00f5ff !important; height: 2px !important; box-shadow: none !important; }
    .nav-mega-caret { opacity: .45 !important; }
    .nav-tokyo-logo { height: 15px !important; width: auto !important; }

    /* Přepínač Casino / Sport: tichý segment */
    .nav-mode { background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 10px !important; padding: 3px !important; box-shadow: none !important; }
    .nav-mode-btn { height: 32px !important; padding: 0 12px !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 600 !important; color: rgba(255, 255, 255, 0.6) !important; background: none !important; box-shadow: none !important; }
    .nav-mode-btn.is-active { background: rgba(255, 255, 255, 0.09) !important; color: #fff !important; }
    .nav-mode-btn::before, .nav-mode-btn::after { display: none !important; }

    /* LIVE jen při vysílání: malý červený odznak */
    .nav-live-status.is-live { background: rgba(255, 59, 78, 0.12) !important; border: 0 !important; border-radius: 8px !important; padding: 6px 10px !important; color: #ff6b78 !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: none !important; animation: none !important; }

    /* Coiny a účet jako ve vzoru */
    .nav-coins-pill { height: 38px !important; padding: 0 14px !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; box-shadow: none !important; color: #fff !important; font-weight: 700 !important; gap: 8px !important; }
    .nav-coins-pill .nav-coins-icon { color: #00f5ff !important; }
    .nav-discord-btn { height: 38px !important; padding: 0 16px !important; border-radius: 10px !important; background: none !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; box-shadow: none !important; color: #fff !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; gap: 8px !important; }
    .nav-discord-btn:hover { border-color: rgba(255, 255, 255, 0.32) !important; background: rgba(255, 255, 255, 0.04) !important; }
    .nav-discord-text { text-transform: none !important; letter-spacing: 0 !important; }
    .nav-user-pill { height: 40px !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; box-shadow: none !important; }
    .nav-bell-btn { width: 38px !important; height: 38px !important; border-radius: 10px !important; background: none !important; border: 0 !important; box-shadow: none !important; color: rgba(255, 255, 255, 0.7) !important; }
    .nav-search-btn, .nav-search > button { width: 38px !important; height: 38px !important; border-radius: 10px !important; background: none !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; box-shadow: none !important; }
}
@media (min-width: 1301px) {
    .nav-big-item { margin: 0 !important; padding: 0 !important; }
    .nav-big, .nav-big--win, .nav-big--shop { margin: 0 !important; min-width: 0 !important; height: 42px !important; outline: 0 !important; }
    .nav-big.active, .nav-link.active { outline: 0 !important; }
}
@media (min-width: 1301px) and (max-width: 1700px) {
    .nav-menu { gap: 6px !important; }
    .nav-link, .nav-big { padding-left: 11px !important; padding-right: 11px !important; }
}
@media (min-width: 1701px) {
    .nav-big { padding-left: 14px !important; padding-right: 14px !important; }
}
@media (min-width: 1301px) {
    /* „Sleduj nás“: tiché obrysové tlačítko s červenou tečkou */
    .nav-watch-cta {
        display: inline-flex !important;
        align-items: center; gap: 9px;
        height: 38px !important;
        padding: 0 16px !important;
        border-radius: 10px !important;
        background: rgba(255, 59, 78, 0.08) !important;
        background-image: none !important;
        border: 1px solid rgba(255, 59, 78, 0.35) !important;
        box-shadow: none !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        animation: none !important;
    }
    .nav-watch-cta::before, .nav-watch-cta::after { display: none !important; }
    .nav-watch-cta:hover { background: rgba(255, 59, 78, 0.16) !important; border-color: rgba(255, 59, 78, 0.55) !important; }
    .nav-watch-cta .nav-watch-dot { display: inline-block !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff3b4e !important; box-shadow: none !important; animation: none !important; }
    .nav-watch-text { text-transform: none !important; letter-spacing: 0 !important; }

    /* LIVE / OFFLINE odznak: malý, bez záře */
    .nav-live-status, .nav-live-status.is-offline {
        display: inline-flex !important;
        align-items: center; gap: 7px;
        height: 28px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: none !important;
        color: rgba(255, 255, 255, 0.55) !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        letter-spacing: .04em !important;
        animation: none !important;
    }
    .nav-live-status .live-dot { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.35) !important; box-shadow: none !important; animation: none !important; }
    .nav-live-status.is-live { background: rgba(255, 59, 78, 0.12) !important; border-color: rgba(255, 59, 78, 0.3) !important; color: #ff6b78 !important; }
    .nav-live-status.is-live .live-dot { background: #ff3b4e !important; }
}
/* Po scrollu se lišta zmenší na 94 px (46 + 48). Spodní patro muselo zůstávat
   58 px a přečuhovalo pod lištu, takže podtržení skákalo pod menu. */
@media (min-width: 1301px) {
    .navbar.scrolled .nav-menu { height: 48px !important; }
    .navbar.scrolled .nav-link, .navbar.scrolled .nav-big { height: 38px !important; }
    .navbar.scrolled .nav-underline { bottom: 4px !important; }
}

/* ---------------------------------------------------------------------
   18. Rozbalovací panely menu (mega-panel), klidně jako lišta
   Pevná tmavá plocha, tichý rámeček, žádné záře. U kasin jen tichý odkaz,
   jediné plné tlačítko je Tokyo. Štítky jako text, ikony bez rámečků.
   --------------------------------------------------------------------- */
@media (min-width: 1301px) {
    .mega-panel {
        background: #110f1b !important;
        background-image: none !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 14px !important;
        box-shadow: 0 20px 44px rgba(0, 0, 0, 0.5) !important;
        backdrop-filter: none !important;
    }
    .mega-panel::before, .mega-panel::after { display: none !important; }
    .mega-col-title {
        color: rgba(255, 255, 255, 0.45) !important;
        font-size: 11.5px !important;
        letter-spacing: .06em !important;
        border-color: rgba(255, 255, 255, 0.06) !important;
    }
    .mega-col-title svg, .mega-col-title .nav-ico { display: none !important; }

    /* Řádky odkazů */
    .mega-link { border-radius: 10px !important; background: none !important; border: 0 !important; box-shadow: none !important; }
    .mega-link:hover { background: rgba(255, 255, 255, 0.05) !important; }
    .mega-link-ico, .mega-link-ico.is-purple {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #8b84a8 !important;
    }
    .mega-link:hover .mega-link-ico { color: #00f5ff !important; }
    .mega-link-name { color: #fff !important; font-weight: 600 !important; }
    .mega-link-desc { color: rgba(255, 255, 255, 0.5) !important; }

    /* Štítky EXKLUZIVNÍ / PARTNER / DENNĚ jako tichý text */
    .mega-tag, .mega-tag.is-hot {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-left: 6px !important;
        color: rgba(255, 255, 255, 0.45) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    /* Kasina: tichý odkaz, Tokyo jediné plné tlačítko */
    .mega-panel .mega-casino-cta:not([data-track-casino^="Tokyo"]) {
        background: none !important;
        border: 0 !important;
        color: rgba(255, 255, 255, 0.6) !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .mega-panel .mega-casino-cta { white-space: nowrap !important; display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 4px; }
    .mega-link-casino:hover .mega-casino-cta:not([data-track-casino^="Tokyo"]) { color: #fff !important; background: none !important; }
    .mega-panel .mega-casino-cta, .mega-panel .mega-casino-cta * { text-transform: none !important; letter-spacing: 0 !important; }
    .mega-panel .mega-casino-cta[data-track-casino^="Tokyo"] { border-radius: 8px !important; }
    .mega-casino-logo { background: rgba(255, 255, 255, 0.04) !important; border: 0 !important; box-shadow: none !important; }
}

/* ---------------------------------------------------------------------
   19. Mobilní a tabletové menu (≤1300px), 13. 10. 2026
   Majitel: „responzivní menu je furt stejný“. Stejný jazyk jako
   desktop (sekce 17): jedna plochá vrstva, položky jako řádky
   ikona + text, Tokyo jediný akcent (magenta rámeček), Soutěže a Shop
   bez gradientů, Sleduj nás tenký červený obrys bez záře.
   --------------------------------------------------------------------- */
@media (max-width: 1300px) {
    .navbar, .navbar.scrolled {
        background: #0c0a14 !important;
        background-image: none !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Horní lišta: účet a hamburger neutrálně, bez fialové pilulky */
    .navbar .nav-discord-btn {
        background: rgba(255, 255, 255, 0.04) !important;
        background-image: none !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        box-shadow: none !important;
        color: #ecebf3 !important;
    }
    .navbar .nav-mode--bar {
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: none !important;
    }
    .navbar .nav-mode--bar .is-active,
    .navbar .nav-mode--bar [aria-current] {
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: none !important;
    }

    /* Panel menu: plochá vrstva */
    .navbar .nav-menu {
        background: #0c0a14 !important;
        background-image: none !important;
        box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.8) !important;
        backdrop-filter: none !important;
    }

    /* Přepínač Casino / Sport */
    .nav-menu .nav-menu-mode-item > * {
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: none !important;
    }
    .nav-menu .nav-mode-btn { background: none !important; box-shadow: none !important; border: 0 !important; color: rgba(236, 235, 243, 0.6) !important; }
    .nav-menu .nav-mode-btn.is-active { background: rgba(255, 255, 255, 0.08) !important; color: #fff !important; }
    .nav-menu .nav-mode-btn::after, .nav-menu .nav-mode-btn::before { display: none !important; }

    /* „Máme nový YouTube“: tichý řádek, červená jen ikona */
    .nav-menu .nav-ig-cta--menu {
        background: none !important;
        background-image: none !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: none !important;
        color: rgba(236, 235, 243, 0.8) !important;
        font-weight: 500 !important;
    }
    .nav-menu .nav-ig-cta--menu::before, .nav-menu .nav-ig-cta--menu::after { display: none !important; }

    /* Běžné položky: řádek, šedá ikona, bílý text, tenký předěl */
    .nav-menu > li > .nav-link,
    .nav-menu > li > .nav-link.nav-big {
        background: none !important;
        background-image: none !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #ecebf3 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        font-weight: 500 !important;
        justify-content: flex-start !important;
        text-shadow: none !important;
        animation: none !important;
        transform: none !important;
        min-height: 52px;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin: 0 !important;
    }
    .nav-menu > li > .nav-link::before,
    .nav-menu > li > .nav-link::after { display: none !important; }
    .nav-menu > li > .nav-link .nav-ico,
    .nav-menu > li > .nav-link .nav-ico svg { color: #8b84a8 !important; stroke: currentColor; filter: none !important; }
    .nav-menu > li > .nav-link.active .nav-ico,
    .nav-menu > li > .nav-link[aria-current] .nav-ico { color: #00f5ff !important; }
    .nav-menu > li > .nav-link:active { background: rgba(255, 255, 255, 0.04) !important; }

    /* Štítky („Denně 100 FS“, „za RSP Coins“, HOT) jako tichý text vpravo */
    .nav-menu .nav-big-pill,
    .nav-menu .nav-hot-tag {
        position: static !important;
        margin-left: auto !important;
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        color: rgba(236, 235, 243, 0.45) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        transform: none !important;
        animation: none !important;
    }

    /* Tokyo: jediný akcent, plochý tmavý řádek s magenta rámečkem */
    .nav-menu > li > .nav-link.nav-link-tokyo {
        background: #170d16 !important;
        border: 1px solid rgba(230, 0, 126, 0.4) !important;
        border-radius: 12px !important;
        margin: 6px 0 !important;
    }
    .nav-menu .nav-tokyo-tag {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        color: #ff5aa8 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        animation: none !important;
    }

    /* Sleduj nás: řádek s červenou tečkou, bez obrysu se září */
    .nav-menu > li > .nav-link.nav-link-watch {
        border: 1px solid rgba(255, 70, 85, 0.45) !important;
        border-radius: 12px !important;
        margin: 8px 0 !important;
        justify-content: center !important;
        color: #ff6b77 !important;
        font-weight: 600 !important;
    }
    .nav-menu .nav-watch-dot { background: #ff4655 !important; box-shadow: none !important; animation: none !important; }

    /* Přihlásit se: obrys, neutrálně */
    .nav-menu .nav-discord-mobile-btn {
        background: none !important;
        background-image: none !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        box-shadow: none !important;
        color: #fff !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        font-weight: 600 !important;
        border-radius: 12px !important;
    }

    /* Jedna svislá linie: všechny položky se stejným bočním odsazením */
    .navbar .nav-menu { padding-left: 0 !important; padding-right: 0 !important; }
    .navbar .nav-menu > li { padding: 0 20px !important; }
    .navbar .nav-menu > li.nav-menu-mode-item,
    .navbar .nav-menu > li.nav-menu-ig-item { padding-bottom: 10px !important; }
    .navbar .nav-menu > li.nav-menu-discord-item { padding-top: 18px !important; }
    .nav-menu > li > .nav-link:not(.nav-link-tokyo):not(.nav-link-watch) { padding-left: 4px !important; padding-right: 4px !important; }
    .nav-menu > li > .nav-link.nav-link-tokyo { width: 100% !important; max-width: none !important; box-sizing: border-box; }
    .navbar .nav-menu > li.nav-menu-discord-item { border-top: 0 !important; }
    /* Tablet: jeden střední sloupec stejné šířky, ne napůl roztažené řádky */
    .navbar .nav-menu > li { max-width: 600px; margin-left: auto !important; margin-right: auto !important; width: 100%; box-sizing: border-box; }
    .navbar .nav-menu > li > * { max-width: none !important; }
    /* Aktivní Soutěže/Shop: bez bílého rámečku (Peetrs, 13. 10.), aktivní položku
       značí jen cyan ikona jako u ostatních */
    .nav-menu > li > .nav-link.nav-big.active,
    .nav-menu > li > .nav-link.active { outline: 0 !important; box-shadow: none !important; }
    .nav-menu > li > .nav-link.active { color: #fff !important; font-weight: 600 !important; }
    .nav-menu > li > .nav-link.active .nav-ico { color: #00f5ff !important; }
}

/* ---------------------------------------------------------------------
   20. Pojistka proti přetékání na mobilu (13. 10. 2026)
   .main-content je flex sloupec s align-items:center, takže potomek bere
   šířku podle obsahu. Vodorovně posuvný obsah průvodce (.seo-guide-toc,
   řada chipů bez zalomení) tak roztáhl /cs2 na 1565 px. Potomek nikdy
   širší než stránka a obsah průvodce nepočítá svou šířku z položek.
   --------------------------------------------------------------------- */
.main-content > * { max-width: 100%; }
.seo-guide-toc { contain: inline-size; max-width: 100%; }

/* ---------------------------------------------------------------------
   21. Spodní patro menu přes celou šířku, položky jako dlaždice
   (13. 10. 2026, Milda + Artix: „naplácané na sobě, nevýrazné, dát
   bordery“). Položky se rozprostřou po celé šířce lišty, každá je
   samostatná dlaždice s rámečkem. Aktivní = cyan rámeček, Tokyo =
   magenta rámeček. Podtržení není potřeba, aktivní stav nese rámeček.
   --------------------------------------------------------------------- */
@media (min-width: 1301px) {
    .navbar .nav-menu { justify-content: stretch !important; gap: 8px !important; }
    .navbar .nav-menu > li:not(.nav-underline) { flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex; }
    .navbar .nav-menu > li[class*="nav-menu-"], .navbar .nav-menu > li.nav-watch-item { display: none !important; }
    .navbar .nav-menu > li > .nav-link,
    .navbar .nav-menu > li > .nav-link.nav-big {
        width: 100% !important;
        height: 42px !important;
        justify-content: center !important;
        gap: 9px !important;
        padding: 0 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.11) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.035) !important;
        color: rgba(255, 255, 255, 0.86) !important;
        font-size: 15px !important;
        white-space: nowrap;
        transition: border-color .15s ease, background-color .15s ease, color .15s ease !important;
    }
    .navbar .nav-menu > li > .nav-link:hover,
    .navbar .nav-menu > li > .nav-link:focus-visible {
        border-color: rgba(255, 255, 255, 0.28) !important;
        background: rgba(255, 255, 255, 0.07) !important;
        color: #fff !important;
    }
    .navbar .nav-menu > li > .nav-link .nav-ico { color: #a69fc4 !important; }
    .navbar .nav-menu > li > .nav-link.active {
        border-color: rgba(0, 245, 255, 0.55) !important;
        background: rgba(0, 245, 255, 0.07) !important;
        color: #fff !important;
    }
    .navbar .nav-menu > li > .nav-link.nav-link-tokyo {
        border-color: rgba(230, 0, 126, 0.55) !important;
        background: #170d16 !important;
    }
    .navbar .nav-menu > li > .nav-link.nav-link-tokyo:hover { border-color: rgba(230, 0, 126, 0.85) !important; background: #1f0f1c !important; }
    .navbar .nav-menu .nav-underline { display: none !important; }
    .navbar.scrolled .nav-menu > li > .nav-link { height: 38px !important; }
}