/* ============================================================================
   PAGE-FREE-SPINY-BEZ-VKLADU.CSS — vlastní identita evergreen průvodce
   ----------------------------------------------------------------------------
   Stránka dosud jela čistě na page-landing.css, takže vypadala stejně jako
   /bonus-bez-vkladu, /promo-kody-casino i sesterská /free-spiny-dnes.
   Tenhle soubor jí dává vlastní stavbu, ale NEsahá na sdílené vrstvy:

     • HERO   = dvojice: text vlevo, deska čísel (2×2, jeden objekt) vpravo.
                Sesterská /free-spiny-dnes má hero jen s nadpisem, takže se
                dvojice stránek nezrcadlí.
     • GUIDE  = číslované kapitoly. Místo 4px gradientové kotvy u H2 stojí
                plná dlaždice s číslem kapitoly (01…15). Web nic takového
                jinde nemá, takže je průvodce na první pohled rozpoznatelný.
     • TEXT   = žádný volně tekoucí `columns` přes 1400 px. Souvislý text
                buď sedí v panelu s dělící linkou (.fsv-sum), nebo je
                rozsekaný na samostatné jednotky v mřížce (.fsv-notes,
                .fsv-myths). Nikdy se věta nelomí přes 700px mezeru.

   Načítá se AŽ PO page-landing.css (viz includes/header.php), takže přebíjí
   jeho pravidla stejnou specificitou. Kvůli tomu si ale musí každý přepsaný
   .ed-split ZOPAKOVAT vlastní mobilní breakpoint — editorial.css sráží
   .ed-split na jeden sloupec se specificitou (0,1,0) a prohrálo by pořadím.

   Povrch je všude kontrakt bonusové karty:
     linear-gradient(160deg, rgba(20,15,30,.80), rgba(10,8,15,.95))
     1px var(--alpha-white-5), var(--radius-card), bez klidového stínu.
   Zlatá/jantarová zůstává vyhrazená značce Herna u dědka (.lc-dedek).
   ============================================================================ */

.fsv-page {
    counter-reset: fsvch;
}

/* ============================================================================
   1. HERO — text vlevo, deska čísel vpravo
   ----------------------------------------------------------------------------
   Dřív: nadpis, podtitul i pruh čtyř statů měly strop 760 px uvnitř 1400px
   kontejneru, takže pravá polovina hero byla prázdná. Teď drží pravou stranu
   deska čísel a hero využívá celou šířku.
   ============================================================================ */
.fs-hero {
    padding: 30px 0 46px;
}

.fs-hero .fsv-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 52px;
    align-items: center;
}

.fs-hero .fsv-hero-main { min-width: 0; }

.fs-hero .landing-hero-badges { margin-bottom: 14px; }

.fs-hero h1 { margin-bottom: 16px; }

.fs-hero .landing-hero-sub {
    max-width: none;
    margin-bottom: 26px;
}

.fs-hero .landing-hero-ctas { margin: 0; }

/* ── Deska čísel: JEDEN objekt, ne čtyři plovoucí kachle ─────────────────── */
.fs-hero .fsv-ledger {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    max-width: none;
    margin: 0;
    border: 1px solid var(--alpha-white-8);
    border-radius: var(--radius-card);
    overflow: hidden;
    /* prosvítá mezerou 1px → hairline mřížka bez dvojitých linek */
    background: var(--alpha-white-8);
}

.fs-hero .fsv-ledger .landing-stat {
    --acc: var(--neon-cyan);
    position: relative;
    padding: 26px 24px 24px;
    text-align: left;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(ellipse 120% 90% at 0% 0%, color-mix(in srgb, var(--acc) 7%, transparent), transparent 68%),
        linear-gradient(160deg, rgba(20, 15, 30, 0.92), rgba(10, 8, 15, 0.97));
    transition: background 0.25s ease;
}

.fs-hero .fsv-ledger .landing-stat:nth-child(2) { --acc: var(--neon-magenta); }
.fs-hero .fsv-ledger .landing-stat:nth-child(3) { --acc: var(--neon-purple); }

/* Krátký akcentní vrub místo pruhu přes celou šířku dlaždice. */
.fs-hero .fsv-ledger .landing-stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    width: 30px;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--acc);
    box-shadow: 0 0 10px color-mix(in srgb, var(--acc) 55%, transparent);
}

.fs-hero .fsv-ledger .landing-stat:hover {
    transform: none;
    box-shadow: none;
    border-color: transparent;
    background:
        radial-gradient(ellipse 120% 90% at 0% 0%, color-mix(in srgb, var(--acc) 12%, transparent), transparent 68%),
        linear-gradient(160deg, rgba(26, 20, 38, 0.94), rgba(12, 9, 18, 0.97));
}

/* Číslo je plné a kontrastní. Gradient mizející do bílé se tu vědomě ruší:
   „333 FS" v přechodu do bílé nešlo přečíst jako číslo, ale jako ozdoba. */
.fs-hero .fsv-ledger .landing-stat strong {
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-accent, 'Exo 2', sans-serif);
    font-size: clamp(1.45rem, 2.3vw, 2rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.01em;
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    color: var(--text-primary);
    filter: none;
}

/* Jednotka barevně, číslo bílé. */
.fs-hero .fsv-ledger .landing-stat strong .fsv-u {
    display: inline;
    margin-left: 5px;
    font-size: 0.56em;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--acc);
}

.fs-hero .fsv-ledger .landing-stat > span {
    display: block;
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--text-secondary);
    letter-spacing: 0;
}

/* Promo kód v desce = TÝŽ čip jako všude jinde na stránce. */
.fs-hero .fsv-ledger .landing-stat strong .promo-code-chip {
    font-size: 1.12rem;
    padding: 5px 15px;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .fs-hero .fsv-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }
}

@media (max-width: 560px) {
    .fs-hero { padding: 22px 0 34px; }
    .fs-hero .fsv-ledger .landing-stat { padding: 18px 16px 16px; }
    .fs-hero .fsv-ledger .landing-stat::before { left: 16px; }
    .fs-hero .fsv-ledger .landing-stat > span { font-size: 0.78rem; }
}

/* ============================================================================
   2. PRUH NABÍDEK — rám pro schválené bonusové karty
   ----------------------------------------------------------------------------
   Karty samotné (bonus-card.php) se nemění, mění se jen rytmus okolo nich.
   ============================================================================ */
.fsv-offers { padding-top: 8px; }
.fsv-offers .bp-hero-row { margin-bottom: 24px; }
.fsv-offers .fs-cards-grid { margin: 0 0 8px; }

/* ============================================================================
   3. PRŮVODCE — číslované kapitoly
   ============================================================================ */
/* POZOR na selektor: sekce průvodce NEJSOU přímé děti .landing-page — sedí
   uvnitř .seo-guide > .seo-guide-body (includes/seo-block-open.php). Přímý
   potomek `>` by minul a zůstalo by 40 px z page-landing.css. */
.fsv-page section.fsv-guide {
    padding-top: 30px;
    padding-bottom: 34px;
}

/* Číslo kapitoly jako plná dlaždice. Nahrazuje 4px gradientovou kotvu,
   kterou má každá druhá landing stránka. */
.fsv-guide h2 {
    counter-increment: fsvch;
    max-width: none;
    padding-left: 66px;
    min-height: 46px;
    margin: 54px 0 16px;
}

.fsv-guide h2::before {
    content: counter(fsvch, decimal-leading-zero);
    top: calc(0.62em - 23px);
    bottom: auto;
    left: 0;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-tile);
    border: 1px solid var(--alpha-cyan-25);
    background: linear-gradient(150deg, rgba(40, 30, 60, 0.95), rgba(16, 12, 24, 0.98));
    color: var(--neon-cyan);
    font-family: var(--font-accent, 'Exo 2', sans-serif);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.fsv-guide h2:first-child { margin-top: 0; }

/* Úvodní odstavec sekce smí být o kus širší než 70ch — pod nadpisem je
   jinak vidět jen úzký sloupeček a vedle něj prázdno. */
.fsv-page .landing-editorial > p:not([class]) {
    max-width: 78ch;
}

/* ── Úvodní split: panel faktů vlevo, text vpravo ────────────────────────── */
.fsv-intro {
    gap: 44px;
    align-items: start;
}

.fsv-page .fsv-intro p { max-width: none; }
.fsv-intro > div > h2:first-child { margin-top: 0; }
.fsv-facts { --acc: var(--neon-cyan); }

/* Promo kód v panelu faktů = týž čip. */
.fsv-facts .ed-facts-v .promo-code-chip {
    font-size: 0.82rem;
    padding: 3px 11px;
}

/* ============================================================================
   4. SOUVISLÝ TEXT — nikdy volně tekoucí přes celou šířku
   ----------------------------------------------------------------------------
   `columns: 2` na holém <div> přes 1400 px znamenalo, že se věta lámala
   z konce levého sloupce na začátek pravého přes 700px mezeru a čtenář
   ztratil řádek. Shrnující odstavce proto dostaly panel s dělící linkou,
   která oko převede.
   ============================================================================ */
.fsv-sum {
    display: block;
    margin: 22px 0 4px;
    padding: 24px 30px;
    border-radius: var(--radius-card);
    border: 1px solid var(--alpha-white-8);
    box-shadow: inset 3px 0 0 var(--neon-cyan);
    background:
        radial-gradient(ellipse 55% 130% at 0% 0%, var(--alpha-cyan-8), transparent 70%),
        linear-gradient(160deg, rgba(20, 15, 30, 0.80), rgba(10, 8, 15, 0.95));
}

.fsv-page .landing-editorial .fsv-sum > p {
    max-width: none;
    margin: 0;
    font-size: 1rem;
    line-height: 1.75;
    columns: 2;
    column-gap: 48px;
    column-rule: 1px solid var(--alpha-white-8);
}

/* ── Vícero odstavců = vícero samostatných jednotek, ne jeden tekoucí text ─ */
.fsv-notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 22px 0 4px;
}

.fsv-page .landing-editorial .fsv-notes > p {
    position: relative;
    max-width: none;
    margin: 0;
    padding: 24px 26px 22px;
    font-size: 1rem;
    line-height: 1.72;
    border-radius: var(--radius-card);
    border: 1px solid var(--alpha-white-5);
    background: linear-gradient(160deg, rgba(20, 15, 30, 0.80), rgba(10, 8, 15, 0.95));
}

.fsv-notes > p::before {
    content: '';
    position: absolute;
    top: 0;
    left: 26px;
    width: 30px;
    height: 2px;
    background: var(--neon-cyan);
}

.fsv-notes > p:nth-child(even)::before { background: var(--neon-purple); }

/* ── Mýty: pět samostatných karet 3 + 2, ne pětipoložkový seznam ve dvou
   sloupcích. Magentová tečka, protože jde o „pozor", ne o klad. ─────────── */
.fsv-myths { margin: 22px 0 4px; }

.fsv-page .landing-editorial .fsv-myths .ed-list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
    max-width: none;
    margin: 0;
}

.fsv-page .landing-editorial .fsv-myths .ed-list > li {
    grid-column: span 2;
    min-width: 0;
    margin: 0;
    padding: 20px 22px 20px 44px;
    font-size: 0.98rem;
    line-height: 1.7;
    border-radius: var(--radius-card);
    border: 1px solid var(--alpha-white-5);
    background: linear-gradient(160deg, rgba(20, 15, 30, 0.80), rgba(10, 8, 15, 0.95));
}

.fsv-page .landing-editorial .fsv-myths .ed-list > li:nth-child(4),
.fsv-page .landing-editorial .fsv-myths .ed-list > li:nth-child(5) {
    grid-column: span 3;
}

.fsv-page .landing-editorial .fsv-myths .ed-list > li::before {
    left: 22px;
    top: 27px;
    width: 8px;
    height: 8px;
    background: var(--neon-magenta);
    opacity: 1;
}

/* ============================================================================
   5. DLAŽDICE S VLASOVOU LINKOU
   ----------------------------------------------------------------------------
   Vědomě JINÝ povrch než karta: jen linka a text. Kdyby byla i tahle vrstva
   plná karta, byla by celá stránka jedna mřížka stejných kachlí.
   ============================================================================ */
.fsv-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 26px 34px;
    margin: 22px 0 6px;
}

.fsv-tile {
    --acc: var(--neon-cyan);
    min-width: 0;
    padding-top: 16px;
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--acc), rgba(255, 255, 255, 0.06) 75%) 1;
}

.fsv-tile:nth-child(2) { --acc: var(--neon-magenta); }
.fsv-tile:nth-child(3) { --acc: var(--neon-purple); }
.fsv-tile:nth-child(5) { --acc: var(--neon-magenta); }

/* Pět dlaždic: 3 + 2 přes šestisloupcovou mřížku, aby poslední řádek
   nezůstal jako jedna dlaždice a tři čtvrtiny prázdna vedle ní. */
.fsv-tiles--5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.fsv-tiles--5 > * { grid-column: span 2; }
.fsv-tiles--5 > :nth-child(4),
.fsv-tiles--5 > :nth-child(5) { grid-column: span 3; }

/* base.css dává všem h3 verzálky. V dlaždici to dělalo z nadpisu drobný
   šedý štítek, tedy přesně ten „ledger" vzhled, co se na webu neosvědčil. */
.landing-editorial .fsv-tile-h {
    margin: 0 0 10px;
    max-width: none;
    font-size: 1.04rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
    color: var(--text-primary);
}

.landing-editorial .fsv-tile-h::before { content: none; }

.fsv-page .landing-editorial .fsv-tile p {
    margin: 0;
    max-width: none;
    font-size: 0.97rem;
    line-height: 1.68;
}

/* ============================================================================
   6. KROKY
   ============================================================================ */
.fsv-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    max-width: none;
    margin: 22px 0 6px;
}

.fsv-steps li { margin-bottom: 0; }

/* Lichý počet kroků: poslední karta přes obě dráhy, ať vedle ní nezůstane
   prázdná půlka řádku (seznam 5 tipů). Šestikrokový seznam se nezmění. */
.fsv-steps > li:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* ============================================================================
   7. PROMO KÓD RSP — jediná podoba čipu na stránce
   ============================================================================ */
.fsv-promo {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 34px;
}

.fsv-page .fsv-promo .ed-list {
    max-width: none;
    margin-bottom: 0;
}

.fsv-promo-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

.fsv-promo-card .promo-code-chip--lg {
    font-size: 1.5rem;
    padding: 10px 26px;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
}

.fsv-page .fsv-promo-card .ed-card-text {
    max-width: none;
    margin: 0;
}

@media (max-width: 980px) {
    .fsv-promo { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}

/* ============================================================================
   8. TABULKY
   ============================================================================ */
.fsv-table-wrap { max-width: none; }
.fsv-table-wrap .ed-table { min-width: 620px; }

/* Bez šířky prvního sloupce se název casina roztáhl přes půl tabulky
   a hodnota bonusu skončila 500 px od něj. */
.fsv-table-wrap .ed-table th:first-child { width: 26%; }

/* Tip pod tabulkou jako vodorovný pruh. Dřív stál jako úzký sloupec vpravo
   od tabulky a pod ním zbývalo ~170 px prázdna. */
.fsv-tipband {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    max-width: none;
    margin-top: 16px;
}

.fsv-tipband .ed-callout-head { margin-bottom: 0; }

.fsv-page .fsv-tipband p {
    max-width: none;
    margin: 0;
    font-size: 0.98rem;
}

@media (max-width: 700px) {
    .fsv-tipband { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}

/* ============================================================================
   9. KATALOG CASIN
   ============================================================================ */
.fsv-catalog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 22px 0 6px;
    max-width: none;
}

.fsv-catalog > * { min-width: 0; }

/* Střídání azurová / fialová dává katalogu rytmus. Jantarová zůstává
   vyhrazená Herně u dědka (.lc-dedek), proto ji nth-child nesmí přebít. */
.fsv-catalog > .ed-card:nth-child(4n + 2):not(.lc-dedek),
.fsv-catalog > .ed-card:nth-child(4n + 3):not(.lc-dedek) {
    --acc: var(--neon-purple);
}

.landing-editorial .fsv-catalog .ed-card-title {
    display: block;
    margin: 0 0 12px;
    max-width: none;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--text-primary);
}

.landing-editorial .fsv-catalog .ed-card-title::before { content: none; }

.fsv-page .landing-editorial .fsv-catalog .ed-card-text {
    max-width: none;
    margin: 0;
}

/* ============================================================================
   10. PODMÍNKY — plná deska místo 3% bílého závoje
   ============================================================================ */
.fsv-cond {
    display: block;
    margin: 22px 0 4px;
    padding: 26px 30px;
    border-radius: var(--radius-card);
    border: 1px solid var(--alpha-white-8);
    background: linear-gradient(160deg, rgba(20, 15, 30, 0.80), rgba(10, 8, 15, 0.95));
}

.fsv-page .landing-editorial .fsv-cond h3 {
    margin: 0;
    max-width: none;
    font-size: 1.04rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--text-primary);
}

.fsv-page .landing-editorial .fsv-cond h3::before { content: none; }

.fsv-conditions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 0;
}

.fsv-conditions .lc-fact { padding: 16px 18px; }
.fsv-conditions .lc-fact-val { font-size: 1.12rem; }

@media (max-width: 900px) {
    .fsv-conditions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .fsv-conditions { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================================
   11. DANĚ — text a panel faktů si nesmí nechat mezi sebou prázdný pruh
   ============================================================================ */
.fsv-tax {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    align-items: start;
}

.fsv-page .landing-editorial .fsv-tax > div > p {
    max-width: none;
}

/* Panel je o tři odstavce kratší než text vedle. Vzdušnější řádky ten rozdíl
   z větší části zavřou, aniž by se cokoli natahovalo na sílu. */
.fsv-tax .ed-facts { padding: 26px 28px; }
.fsv-tax .ed-facts-row { padding: 15px 0; }

@media (max-width: 980px) {
    .fsv-tax { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

/* ============================================================================
   12. ODKAZOVÁ MŘÍŽKA + FAQ
   ============================================================================ */
.fsv-links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    max-width: none;
}

.fsv-links .ed-card { padding: 22px 24px; }
.fsv-links .ed-card-title { font-size: 1.02rem; }

.fsv-page .fsv-links .ed-card-text {
    font-size: 0.92rem;
    line-height: 1.5;
}

@media (max-width: 1080px) {
    .fsv-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .fsv-links { grid-template-columns: minmax(0, 1fr); }
}

/* FAQ vždy dva sloupce. auto-fit minmax(460px) dělalo na 1400px tři sloupce
   a otázky se v nich lámaly na dva až tři řádky. */
.fsv-faq {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

@media (max-width: 900px) {
    .fsv-faq { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================================
   13. RESPONZIVITA MŘÍŽEK
   ============================================================================ */
@media (max-width: 1100px) {
    .fsv-notes,
    .fsv-steps,
    .fsv-catalog { grid-template-columns: minmax(0, 1fr); }

    .fsv-page .landing-editorial .fsv-sum > p {
        columns: 1;
        column-rule: none;
    }

    .fsv-tiles--5 { grid-template-columns: minmax(0, 1fr); }
    .fsv-tiles--5 > *,
    .fsv-tiles--5 > :nth-child(4),
    .fsv-tiles--5 > :nth-child(5) { grid-column: auto; }

    .fsv-page .landing-editorial .fsv-myths .ed-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .fsv-page .landing-editorial .fsv-myths .ed-list > li,
    .fsv-page .landing-editorial .fsv-myths .ed-list > li:nth-child(4),
    .fsv-page .landing-editorial .fsv-myths .ed-list > li:nth-child(5) {
        grid-column: auto;
    }
}

@media (max-width: 980px) {
    .fsv-intro { gap: 24px; }
}

@media (max-width: 640px) {
    .fsv-guide h2 {
        padding-left: 52px;
        min-height: 38px;
    }
    .fsv-guide h2::before {
        width: 38px;
        height: 38px;
        top: calc(0.62em - 19px);
        font-size: 0.86rem;
    }
    .fsv-sum { padding: 20px 20px; }
    .fsv-cond { padding: 20px 20px; }
    .fsv-page .landing-editorial .fsv-notes > p { padding: 20px 20px; }
    .fsv-page .landing-editorial .fsv-myths .ed-list > li { padding: 18px 18px 18px 40px; }
    .fsv-page .landing-editorial .fsv-myths .ed-list > li::before { left: 18px; top: 25px; }
}

/* editorial.css sráží pod 600px `.ed-steps li` na padding-left 38px, ale čip
   varianty --cards zůstává na left:18px se šířkou 24px, takže končí na 42px
   a přeleze na první slovo („1Připsání"). Opravujeme jen pro tuhle stránku,
   sdílená vrstva se nesmí měnit. */
@media (max-width: 600px) {
    .fsv-page .fsv-steps li { padding-left: 52px; }
    .fsv-page .fsv-steps li::before { left: 16px; }
}

/* ============================================================================
   14. OMEZENÝ POHYB
   ============================================================================ */
@media (prefers-reduced-motion: reduce) {
    .fs-hero .fsv-ledger .landing-stat,
    .fsv-links .ed-card {
        transition: none;
    }

    .fsv-links .ed-card:hover,
    .fs-hero .fsv-ledger .landing-stat:hover {
        transform: none;
    }
}

/* ============================================================================
   OPRAVY PO PŘEKRESLENÍ
   ============================================================================ */

/* 1) Hero se dotýkal spodní hrany navigace, řádek odznaků vypadal useknutě.
      .main-content odsazuje jen o --nav-height, ale navigační kapsle je vyšší. */
.fs-hero { padding-top: 52px; }

/* 2) Stejná díra v Tokyo kartě jako na /free-spiny-dnes.
      Příčina není margin-top:auto, ale `.bp-hero-row > .bonus-card-h { height:100% }`
      v kombinaci s `.bonus-content-h { flex:1 }` v core/shared.css: obě karty se
      natáhnou na výšku té vyšší a obsahový blok spolkne všechno volné místo,
      takže se CTA odtlačí ke spodku a nad ním zůstane prázdno.
      Řeší se to na úrovni řádku, do schválené karty se nesahá. */
/* Výšku a rozložení volného místa řeší core/shared.css u .bp-hero-row. */

/* Deska statistik z hera odebrána, hero je jednosloupcový. */
.fs-hero .fsv-hero { display: block; }
.fs-hero .fsv-hero-main { max-width: 72ch; }