/* =====================================================================
   ESHOP BOOSTER - společné styly podstránek (ebo-styl.css)
   Vytaženo z eshopbooster-homepage-f16.html - hlavička, patička,
   tlačítka, typografie, sekce. Sdílí je všechny podstránky služeb.
   POZOR: při změně designu v f16 aktualizovat i tady (a naopak).
   ===================================================================== */

*,
        *::before,
        *::after
        {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html
        {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        img
        {
            max-width: 100%;
            height: auto;
            display: block;
        }

        a
        {
            text-decoration: none;
            color: inherit;
        }

        :root
        {
            --purple: #5B4BC8;
            --purple-dark: #4839a8;
            --purple-deep: #3a2d88;
            --purple-glow: rgba(91, 75, 200, 0.12);
            --purple-soft: #eae8f6;
            --purple-mist: #f5f4fb;

            --orange: #F26522;
            --orange-dark: #bf4d17;
            --orange-glow: rgba(242, 101, 34, 0.10);
            --orange-soft: #fef4ee;

            --green: #1EBE78;
            --green-dark: #128051;
            --green-soft: #e9f9f1;

            --gold: #F8B13D;          /* KLUB - plochy */
            --gold-ink: #96610A;      /* KLUB - text na bílé (F8B13D má kontrast 1,85) */
            --gold-soft: #fdf4e0;

            --teal: #2DD4BF;

            --black: #111111;
            --white: #ffffff;

            --g50: #fafafd;
            --g100: #f4f3f9;
            --g200: #e6e4f0;
            --g300: #d0cde2;
            --g400: #a09bb8;
        --g450: #686485;
        --green-lite: #4fd99a; /* zelená pro text a ikony na tmavém */
        --orange-lite: #ff9057;/* oranžová pro text a ikony na tmavém */      /* nejsvětlejší šedá, která na bílé jdeště projde 4,5:1 */
        --green-ink: #0d7a4b; /* zelená pro text a ikony na světlém */
        --orange-ink: #ba4d0e;/* oranžová pro text a ikony na světlém */
            --g500: #2a2742;
            --g600: #1c1a30;
            --g700: #1c1a30;
            --g800: #2a2742;
            --g900: #1c1a30;

            --font: 'Figtree', system-ui, -apple-system, sans-serif;

            --r-sm: 10px;
            --r-md: 16px;
            --r-lg: 24px;
            --r-xl: 32px;
            --r-2xl: 40px;

            --shadow-sm: 0 2px 8px rgba(91, 75, 200, 0.04);
            --shadow-md: 0 6px 24px rgba(91, 75, 200, 0.06);
            --shadow-lg: 0 12px 40px rgba(91, 75, 200, 0.08);
            --shadow-xl: 0 20px 60px rgba(91, 75, 200, 0.12);
        }

        body
        {
            font-family: var(--font);
            color: var(--g900);
            background: var(--white);
            line-height: 1.75;
            font-size: 18px;
            overflow-x: hidden;
            -webkit-hyphens: none; hyphens: none;   /* slova se nikdy nerozdělují */
        text-wrap: pretty;                       /* heztčí zalomení posledního řádku */
    }

        /* ===== GRAIN + REVEAL ===== */
        .grain
        {
            position: fixed;
            inset: -50%;
            width: 200%;
            height: 200%;
            pointer-events: none;
            z-index: 9999;
            opacity: 0.022;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
            mix-blend-mode: multiply;
        }

        .reveal
        {
            opacity: 0;
            transform: translateY(32px);
            transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal.is-visible { opacity: 1; transform: translateY(0); }

        .reveal-d1 { transition-delay: 0.1s; }
        .reveal-d2 { transition-delay: 0.2s; }
        .reveal-d3 { transition-delay: 0.3s; }
        .reveal-d4 { transition-delay: 0.4s; }

        @media (prefers-reduced-motion: reduce)
        {
            .reveal { opacity: 1; transform: none; transition: none; }
        }

        /* ===== LAYOUT ===== */
        .container
        {
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 32px;
        }

        .section { padding: 110px 0; position: relative; }
        .section--tight { padding: 80px 0; }
        .sf-white { background: var(--white); }
        .sf-mist { background: var(--purple-mist); }
    .sf-mist-svetla { background: #fafafd; }
        .sf-warm { background: linear-gradient(160deg, var(--purple-soft) 0%, var(--orange-soft) 100%); }

        .sf-purple
        {
            background: linear-gradient(160deg, var(--purple) 0%, var(--purple-deep) 100%);
            color: rgba(255, 255, 255, 0.92);
        }
        .sf-purple h2, .sf-purple h3, .sf-purple h4 { color: var(--white); }
        .sf-purple p { color: rgba(255, 255, 255, 0.9); }

        /* ===== TYPO ===== */
        .label
        {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 24px;
            color: var(--orange-ink);
        }
        .label::before
        {
            content: '';
            width: 28px;
            height: 2px;
            background: currentColor;
            border-radius: 1px;
        }
        .label--white { color: rgba(255, 255, 255, 0.75); }

        h1
        {
            font-size: clamp(40px, 5vw, 52px);
            font-weight: 900;
            line-height: 1.06;
            letter-spacing: -2px;
            color: var(--white);
        }
        h2
        {
            font-size: clamp(34px, 4.5vw, 48px);
            font-weight: 900;
            line-height: 1.08;
            margin-bottom: 22px;
            letter-spacing: -1.5px;
            color: var(--g900);
        }
        h3
        {
            font-size: clamp(22px, 3vw, 30px);
            font-weight: 800;
            line-height: 1.25;
            margin-bottom: 14px;
            letter-spacing: -0.5px;
            color: var(--g900);
        }
        h4
        {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 8px;
            color: var(--g900);
            line-height: 1.3;
        }
        p { margin-bottom: 18px; font-size: 18px; }
        p:last-child { margin-bottom: 0; }

        .section__intro { max-width: 680px; margin-bottom: 56px; }
        .section__intro--center { margin-left: auto; margin-right: auto; text-align: center; }
        .section__intro p { color: #241d49; }
        .sf-purple .section__intro p { color: rgba(255,255,255,0.85); }

        .gradient-text
        {
            background: linear-gradient(135deg, var(--orange), #ff9a5c, var(--orange));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .gradient-text--green
        {
            background: linear-gradient(135deg, var(--green), #4be0a3, var(--green));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hl-orange { color: var(--orange-ink); font-weight: 800; }
        .hl-purple { color: var(--purple); font-weight: 800; }
        .hl-green { color: var(--green-ink); font-weight: 800; }

        p strong { font-weight: 800; color: var(--g900); }
        .sf-purple p strong, .hero__lead strong { font-weight: 800; color: var(--white); }

        /* ===== BUTTONS ===== */
        .btn
        {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 18px 36px;
            font-family: var(--font);
            font-size: 17px;
            font-weight: 700;
            border: none;
            border-radius: var(--r-md);
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            min-height: 48px;
            line-height: 1.2;
        }
        .btn--primary
        {
            background: #2fd68c;
            color: #241d49;
            box-shadow: 0 4px 20px rgba(30, 190, 120, 0.25);
        }
        .btn--primary:hover
        {
            transform: translateY(-3px);
            box-shadow: 0 12px 36px rgba(30, 190, 120, 0.35);
            background: var(--green);
        }
        .btn--green
        {
            background: #2fd68c;
            color: #241d49;
            box-shadow: 0 4px 20px rgba(30, 190, 120, 0.25);
        }
        .btn--green:hover
        {
            transform: translateY(-3px);
            box-shadow: 0 12px 36px rgba(30, 190, 120, 0.35);
            background: var(--green);
        }
        .btn--ghost
        {
            background: rgba(255, 255, 255, 0.10);
            color: var(--white);
            border: 2px solid rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }
        .btn--ghost:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); }
        .btn--outline
        {
            background: transparent;
            color: var(--purple);
            border: 2px solid var(--g200);
        }
        .btn--outline:hover { border-color: var(--purple); background: var(--purple-mist); }
    .btn--klidny { color: var(--g900); }
    .btn--klidny:hover { border-color: #241d49; background: var(--white); }
    .btn--klub, .btn--mclass { background: var(--white); color: var(--g900); border: 2px solid var(--green); }
    .btn--klub:hover, .btn--mclass:hover { background: #e9f8f1; }
        .btn--large { padding: 22px 48px; font-size: 18px; border-radius: var(--r-lg); }
        .btn--block { width: 100%; justify-content: center; }
        .btn__arrow { transition: transform 0.3s; }
        .btn:hover .btn__arrow { transform: translateX(5px); }

        /* ===== MEDIA PLACEHOLDERS (wireframe → hi-fi) ===== */
        .media
        {
            position: relative;
            border-radius: var(--r-lg);
            overflow: hidden;
            background:
                linear-gradient(135deg, var(--purple-soft), var(--orange-soft));
            aspect-ratio: 16 / 10;
        }
        .media--video::before
        {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(150deg, rgba(91,75,200,0.18), rgba(242,101,34,0.12));
        }
        .media__play
        {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 64px; height: 64px;
            border-radius: 50%;
            background: var(--orange);
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 10px 30px rgba(242,101,34,0.4);
            z-index: 2;
        }
        .media__play::after
        {
            content: '';
            width: 0; height: 0;
            border-left: 18px solid var(--white);
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            margin-left: 5px;
        }
        .media__icon
        {
            position: absolute; top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px; opacity: 0.5; z-index: 2;
        }
        .media__tag
        {
            position: absolute; bottom: 14px; left: 14px;
            background: rgba(28,26,48,0.85);
            color: #fff; font-size: 13px; font-weight: 700;
            padding: 6px 14px; border-radius: 50px;
            backdrop-filter: blur(6px); z-index: 2;
        }

        /* ===== AVATARS ===== */
        .avatar
        {
            width: 44px; height: 44px;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-weight: 800; font-size: 15px; color: #fff;
            flex-shrink: 0;
            box-shadow: 0 2px 8px rgba(0,0,0,0.12);
        }
        .avatar--purple { background: linear-gradient(135deg, var(--purple), var(--purple-deep)); }
        .avatar--orange { background: linear-gradient(135deg, var(--orange), var(--orange-dark)); }
        .avatar--green  { background: linear-gradient(135deg, var(--green), var(--green-dark)); }
        .avatar-row { display: flex; }
        .avatar-row .avatar { margin-left: -12px; border: 3px solid var(--white); }
        .avatar-row .avatar:first-child { margin-left: 0; }

/* ===== Z HLAVNÍHO CSS f16 (filtrováno) ===== */

.hero > .container { position: relative; z-index: 3 !important; }

.ico { width: 22px; height: 22px; display: inline-block; vertical-align: middle; flex-shrink: 0; }

.ico--sm { width: 18px; height: 18px; }

.ico--xs { width: 15px; height: 15px; }

.mark { display: inline-flex; align-items: center; justify-content: center;
        border-radius: 9px;
        background: linear-gradient(135deg, var(--purple), var(--orange));
        color: #fff; }

.mark .ico { width: 60%; height: 60%; }

.label { gap: 9px; }

.label::before { display: none; }

.label .ico { width: 16px; height: 16px; }

.arrowlink .ico { transition: transform 0.3s cubic-bezier(0.16,1,0.3,1); }

.arrowlink:hover .ico { transform: translate(3px, -3px); }

.btn .ico { transition: transform 0.3s cubic-bezier(0.16,1,0.3,1); }

.btn:hover .ico { transform: translate(3px, -3px); }

.site-header { transition: box-shadow .3s, background .3s, border-color .3s; }

.site-header.is-scrolled { background: rgba(255,255,255,0.92); box-shadow: 0 6px 24px rgba(91,75,200,0.08); }

.nav__logo .mark { width: 34px; height: 34px; }

.site-footer__logo .mark { width: 30px; height: 30px; }

.program-card__logo .mark { width: 34px; height: 34px; border-radius: 8px; }

.brand-logo { height: 40px; width: auto; display: block; color: var(--g900); transition: height .3s, color .3s; }

.nav__logo { display: inline-flex; align-items: center; }

.site-header.is-scrolled .nav__logo .brand-logo { height: 36px; }

.site-footer__logo { display: block; }

.site-footer__logo .brand-logo { height: 46px; color: #fff; }

.mobile-nav__head .brand-logo { height: 34px; color: var(--g900); }

@media (max-width: 600px) {
    .nav__logo .brand-logo { height: 34px; }
}

.hero__stars .ico { width: 17px; height: 17px; }

.media__icon .ico { width: 40px; height: 40px; }

.site-footer__social a .ico { width: 17px; height: 17px; }

.service-small__icon .ico { width: 24px; height: 24px; }

.inspire-card__icon .ico { width: 26px; height: 26px; }

.label .mark { width: 20px; height: 20px; border-radius: 6px; }

.skip-link { position: fixed; left: 16px; top: -60px; z-index: 2000;
        background: var(--g900); color: #fff;
        padding: 12px 20px; border-radius: var(--r-md);
        font-weight: 700; font-size: 15px;
        transition: top .2s; }

.skip-link:focus { top: 16px; }

.scroll-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0;
        z-index: 1001;
        background: linear-gradient(90deg, var(--purple), var(--orange), var(--green));
        box-shadow: 0 0 12px rgba(242,101,34,0.5);
        transition: width .08s linear; }

.spotlight { position: relative; }

.spotlight::after { content: ''; position: absolute; inset: 0; border-radius: inherit;
        background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),
                    color-mix(in srgb, var(--accent, var(--purple)) 18%, transparent), transparent 72%);
        opacity: 0; transition: opacity .35s; pointer-events: none; z-index: 0; }

.spotlight:hover::after { opacity: 1; }

.spotlight > * { position: relative; z-index: 1; }

@media (hover: none) {
    .spotlight::after { display: none; }
}

.btn--primary::after, .btn--green::after { content: ''; position: absolute; inset: 0; border-radius: inherit;
        pointer-events: none; opacity: 0; }

.btn--green:hover::after { animation: ctaEcho .65s ease-out; }

.btn--primary:hover::after { animation: ctaEchoFialova .65s ease-out; }

.nav__links a { position: relative; padding: 6px 2px; }

.nav__links a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -2px; height: 2px;
        background: var(--orange); border-radius: 2px; transition: right .3s; }

.nav__links a:hover::after, .nav__links a.is-active::after { right: 0; }

.nav__links a.is-active { color: var(--g900); }

.nav__toggle { display: none;
        width: 44px; height: 44px; border: none; background: transparent;
        cursor: pointer; flex-direction: column; gap: 5px;
        align-items: center; justify-content: center; border-radius: 10px; }

.nav__toggle-bar { width: 24px; height: 2.5px; background: var(--g900); border-radius: 2px;
        transition: transform .3s, opacity .3s; }

body.menu-open .nav__toggle .nav__toggle-bar:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }

body.menu-open .nav__toggle .nav__toggle-bar:nth-child(2) { opacity: 0; }

body.menu-open .nav__toggle .nav__toggle-bar:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

.mobile-nav { position: fixed; inset: 0; z-index: 1500; visibility: hidden; }

.mobile-nav.is-open { visibility: visible; }

.mobile-nav__overlay { position: absolute; inset: 0; background: rgba(20,16,48,0.5);
        backdrop-filter: blur(3px); opacity: 0; transition: opacity .3s; }

.mobile-nav.is-open .mobile-nav__overlay { opacity: 1; }

.mobile-nav__panel { position: absolute; top: 0; right: 0; height: 100%; width: min(86%, 360px);
        background: var(--white); padding: 22px;
        display: flex; flex-direction: column; gap: 10px;
        transform: translateX(100%); transition: transform .35s cubic-bezier(0.16,1,0.3,1);
        box-shadow: -20px 0 60px rgba(0,0,0,0.2);
        overflow-y: auto; }

.mobile-nav.is-open .mobile-nav__panel { transform: translateX(0); }

.mobile-nav__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }

.mobile-nav__head .nav__logo { font-size: 16px; }

.mobile-nav__close { width: 42px; height: 42px; border: 1px solid var(--g200); background: var(--white);
        border-radius: 12px; display: grid; place-items: center; cursor: pointer; color: #241d49; }

.mobile-nav__links { display: flex; flex-direction: column; }

.mobile-nav__links a { padding: 15px 4px; font-size: 18px; font-weight: 700; color: var(--g900);
        border-bottom: 1px solid var(--g100);
        display: flex; align-items: center; justify-content: space-between; }

.mobile-nav__links a:active { color: var(--orange-ink); }

.mobile-nav__contact { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--g100); display: flex; flex-direction: column; gap: 10px; }

.mobile-nav__contact a { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: #241d49; }

@media (max-width: 600px) {
    .sticky-cta .btn { width: 100%; justify-content: center; }
}

@media (max-width: 980px) {
    .nav__links { display: none; }
    .nav__actions .nav__toggle { display: flex; }
    .nav__actions .nav__cta { display: none; }
    .nav { height: 64px; }
}

@media (max-width: 600px) {
    .nav__logo { font-size: 16px; white-space: nowrap; }
    .nav__logo-mark.mark { width: 30px; height: 30px; }
    .hero__actions .btn { width: 100%; justify-content: center; }
    .section__intro { margin-bottom: 40px; }
    .ebook__form .btn, .newsletter__form .btn { width: 100%; justify-content: center; }
    .site-footer { padding: 56px 0 0; }
    .site-footer__cols { grid-template-columns: 1fr 1fr; gap: 28px; }
    .site-footer__bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
    h2 { font-size: clamp(28px, 8vw, 40px); }
    .nav__links a, .site-footer__col a, .arrowlink, .content-card__link { min-height: 32px; }
}

@media (max-width: 420px) {
    .site-footer__cols { grid-template-columns: 1fr; }
    .container { padding: 0 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .btn--primary::after, .btn--green::after { display: none; }
    .scroll-progress { transition: none; }
}

.site-header { position: sticky;
        top: 0;
        z-index: 900;
        background: rgba(255,255,255,0.88);
        backdrop-filter: blur(16px) saturate(1.4);
        -webkit-backdrop-filter: blur(16px) saturate(1.4);
        border-bottom: 1px solid var(--g200);
        box-shadow: 0 6px 24px rgba(20,16,45,0.05); }

.nav { display: flex;
        align-items: center;
        justify-content: space-between;
        height: 76px; }

.nav__logo { display: inline-flex;
        align-items: center;
        gap: 10px;
        font-weight: 900;
        font-size: 19px;
        letter-spacing: 1px;
        color: var(--g900); }

.nav__logo-mark { width: 34px; height: 34px;
        border-radius: 9px;
        background: linear-gradient(135deg, var(--purple), var(--orange));
        display: flex; align-items: center; justify-content: center;
        color: #fff; font-size: 19px; font-weight: 900; }

.nav__links { display: flex;
        align-items: center;
        gap: 30px;
        list-style: none; }

.nav__links a { font-size: 14px;
        font-weight: 600;
        color: #241d49;
        transition: color 0.2s; }

.nav__links a:hover { color: var(--orange-ink); }

.nav__actions { display: flex; align-items: center; gap: 14px; }

.nav__actions .btn { padding: 12px 24px; font-size: 15px; min-height: 0; }

.nav__toggle { display: none; }

.hero .container { position: relative; z-index: 2; }

.program-card .btn { width: 100%; justify-content: center; }

.ebook__meta-item .ico { width: 15px; height: 15px; color: var(--purple); }

.service-wide__link .btn__arrow { transition: transform 0.3s; }

.service-wide:hover .btn__arrow { transform: translateX(5px); }

.service-contact__avatar .oper__photo { width: 56px; height: 56px; border-width: 3px; transform: none !important; }

.service-contact__avatar .oper__dot { width: 14px; height: 14px; right: 1px; bottom: 1px; }

.service-contact__telefon .ico { width: 16px; height: 16px; flex: none; color: var(--purple); align-self: center; }

.service-contact__detail .ico { flex: none; color: var(--purple); }

@media (max-width: 640px) {
    .service-contact__avatar .oper__photo { width: 72px; height: 72px; }
    .service-contact__avatar .oper__dot { width: 16px; height: 16px; }
}

@media (max-width: 1180px) and (min-width: 861px) {
    .service-contact__avatar .oper__photo { width: 46px; height: 46px; border-width: 2px; }
    .service-contact__avatar .oper__dot { width: 12px; height: 12px; }
}

@media (max-width: 460px) {
    .service-contact__avatar .oper__photo { width: 48px; height: 48px; }
}

.founders__ico .ico { width: 17px; height: 17px; }

.site-footer { background: var(--g900);
        color: rgba(255, 255, 255, 0.55);
        padding: 80px 0 0;
        font-size: 15.5px;
        position: relative; }

.site-footer::before { content: '';
        position: absolute; top: 0; left: 0; right: 0; height: 3px;
        background: linear-gradient(90deg, var(--purple), var(--orange)); }

.site-footer__top { display: grid;
        grid-template-columns: 1.4fr 3fr;
        gap: 64px;
        padding-bottom: 48px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

.site-footer__logo { font-size: 22px; font-weight: 900; color: var(--white); letter-spacing: 1px; margin-bottom: 16px; display:flex; align-items:center; gap:10px; }

.site-footer__tagline { color: rgba(255, 255, 255, 0.6); font-size: 15px; line-height: 1.65; margin-bottom: 24px; max-width: 320px; }

.footer-dana__wrap .oper__dot { width: 14px; height: 14px; right: 0; bottom: 0; border-color: #1c1a30; }

.site-footer__contact { font-size: 14px; line-height: 1.9; }

.site-footer__contact a:hover { color: var(--orange-lite); }

.site-footer__cols { display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 32px; }

.footer-login { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px;
        font-size: 14px; font-weight: 800; color: #fff; text-decoration: none;
        padding: 12px 20px; border-radius: 50px;
        background: var(--purple); border: 1.5px solid var(--purple);
        box-shadow: 0 10px 24px -12px rgba(91,75,200,.9);
        transition: background .2s ease, border-color .2s ease, transform .2s var(--ease-out, ease), box-shadow .2s ease; }

.footer-login .ico { width: 17px; height: 17px; }

.footer-login__arrow { transition: transform .2s ease; }

.footer-login:hover { background: var(--purple-deep, #4335a5); border-color: var(--purple-deep, #4335a5);
      transform: translateY(-2px); box-shadow: 0 16px 30px -12px rgba(91,75,200,1); }

.footer-login:hover .footer-login__arrow { transform: translateX(3px); }

.footer-login:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.site-footer__col a.footer-login { display: inline-flex; align-items: center; justify-content: center;
        color: #fff; font-size: 13px; padding: 12px 20px; line-height: 1; }

.site-footer__col a.footer-login:hover { color: #fff; padding-left: 20px; }

.site-footer__col a.footer-login .ico { flex: none; }

.site-footer__col-title { color: var(--white); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 18px; }

.site-footer__col ul { list-style: none; padding: 0; margin: 0; }

.site-footer__col li { margin-bottom: 10px; }

.site-footer__col a { color: rgba(255, 255, 255, 0.55); font-size: 15px; transition: color 0.2s, padding-left 0.2s; display: inline-block; }

.site-footer__col a:hover { color: var(--orange-lite); padding-left: 4px; }

.site-footer__partners { padding: 36px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }

.site-footer__partners-title { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.55); margin-bottom: 20px; font-weight:700; }

.site-footer__bottom { display: flex; justify-content: space-between; align-items: center;
        padding: 24px 0; font-size: 14px; flex-wrap: wrap; gap: 16px; }

.site-footer__bottom p { margin: 0; color: rgba(255, 255, 255, 0.4); font-size: 14px; }

.site-footer__social { display: flex; gap: 12px; }

.site-footer__social a { width: 38px; height: 38px; border-radius: 50%;
        background: rgba(255,255,255,0.06);
        display: flex; align-items: center; justify-content: center;
        color: rgba(255,255,255,0.6); transition: all 0.2s; }

.site-footer__social a:hover { background: var(--orange); color: #fff; transform: translateY(-2px); }

.sticky-cta .btn { padding: 12px 28px; font-size: 15px; min-height: 0; }

.scroll-top { position: fixed; bottom: 86px; right: 24px; z-index: 998;
        width: 48px; height: 48px; border-radius: 50%;
        background: var(--purple); color: var(--white); border: none; cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        box-shadow: 0 4px 16px rgba(91, 75, 200, 0.3);
        opacity: 0; transform: translateY(16px);
        transition: opacity 0.3s, transform 0.3s, background 0.2s;
        pointer-events: none; }

.scroll-top.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }

.scroll-top:hover { background: var(--purple-dark); }

.scroll-top svg { width: 22px; height: 22px; }

@media (max-width: 980px) {
    .site-footer__top { grid-template-columns: 1fr; gap: 40px; }
    .site-footer__cols { grid-template-columns: 1fr 1fr; }
    .nav__links { display: none; }
    .site-footer__partners-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .section { padding: 72px 0; }
    .container { padding: 0 20px; }
    .nav__actions .btn span { display: none; }
}

.cta-strip__inner .btn { flex: none; }

.calc__result .btn { position: relative; z-index: 1; }

.vyber__ikona .ico { width: 22px; height: 22px; }

.compare__yes > .ico { display: block; margin: 0 auto; width: 22px; height: 22px;
        color: var(--green); stroke-width: 3; }

.compare__no > .ico { display: block; margin: 0 auto; width: 18px; height: 18px;
        color: #241d49; stroke-width: 2.6; }

.btn--sm { padding: 11px 18px; font-size: 14px; }

.speed__cta .btn { transition: background .3s ease, box-shadow .3s ease, transform .2s ease; }

.compare__cta-row .btn { white-space: nowrap; width: 100%; justify-content: center;
        padding: 12px 16px; font-size: 14px; min-height: 0;
        border: 2px solid transparent;   /* aby plné i orámované tlačítko mělo stejnou výšku */ }

@media (max-width: 860px) {
    .compare__cta-row .btn { font-size: 13px; padding: 11px 12px; }
}

.stmt__stars .ico { width: 12px; height: 12px; }

.vrf__vsechny .ico { width: 16px; height: 16px; transition: transform .2s ease; }

.vrf__vsechny:hover .ico { transform: translateX(3px); }

.guarantee__list .ico { color: #fff; margin-top: 2px; }

.zmena__odznak .ico { width: 19px; height: 19px; stroke-width: 2.8; }

.zmena__pred .ico, .zmena__po .ico { width: 24px; height: 24px; padding: 5px; box-sizing: border-box; border-radius: 50%; margin-top: 1px; flex: none; }

.zmena__pred .ico { background: #e9e7f1; color: #241d49; }

.zmena__po .ico { background: rgba(30, 190, 120, .22); color: var(--green-lite); }

.fit__list .ico { flex: none; width: 26px; height: 26px; padding: 6px; box-sizing: border-box;
        border-radius: 50%; margin-top: 1px; }

.fit__list--yes .ico { background: var(--green-soft); color: var(--green-ink); }

.fit__list--no .ico { background: #dfdbec; color: #241d49; }

.final-cta .container { position: relative; z-index: 2; }

.final-cta__trust .ico { color: var(--green-lite); }

.lead-form .btn { width: 100%; justify-content: center; margin-top: 6px; }

.form-msg .ico { flex-shrink: 0; }

.btn--ghost-dark { background: var(--g50); color: #241d49; border: 1px solid var(--g200); }

.btn--ghost-dark:hover { background: var(--g100); }

.announce { position: relative; background: linear-gradient(100deg, #4b3bb5 0%, #6e3fc9 42%, #F26522 118%); }

.announce__inner { position: relative; display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 40px; padding: 7px 46px; }

.announce__text { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 10px; color: #fff; font-size: 14px; font-weight: 600; }

.announce__badge { background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.28); padding: 2px 10px; border-radius: 50px; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }

.announce__link { color: #fff; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; white-space: nowrap; transition: opacity .2s; }

.announce__link:hover { opacity: .8; }

.announce__close { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: transparent; border: 0; color: rgba(255,255,255,0.85); width: 28px; height: 28px; border-radius: 50%; cursor: pointer; display: grid; place-items: center; transition: background .2s, color .2s; }

.announce__close svg { width: 15px; height: 15px; }

.announce__close:hover { background: rgba(255,255,255,0.16); color: #fff; }

.announce.is-hidden { display: none; }

.announce__countdown { display: inline-flex; align-items: center; gap: 6px; margin: 0 2px; }

.announce__countdown .cd { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.24); border-radius: 8px; padding: 3px 7px; min-width: 36px; }

.announce__countdown .cd b { font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; }

.announce__countdown .cd i { font-size: 13px; font-style: normal; text-transform: uppercase; letter-spacing: .5px; opacity: .82; margin-top: 2px; }

@media (max-width: 680px) {
    .announce__countdown .cd i { display: none; }
    .announce__countdown .cd { padding: 2px 5px; min-width: 26px; }
}

@media (max-width: 600px) {
    .announce__inner { padding: 7px 42px; }
    .announce__text { font-size: 13px; gap: 7px; }
    .announce__badge { display: none; }
}

.topbar { position: relative; z-index: 1000; background: linear-gradient(180deg, #ffffff, var(--g50)); border-bottom: 1px solid var(--g100); }

.topbar::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--purple), var(--orange) 55%, var(--green)); }

.topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 47px; }

.topbar__contact { display: inline-flex; align-items: center; gap: 22px; font-size: 14px; }

.topbar__contact a { display: inline-flex; align-items: center; gap: 7px; color: #241d49; font-weight: 600; white-space: nowrap; transition: color .2s; }

.topbar__contact a:hover { color: var(--purple); }

.topbar__contact .ico { width: 15px; height: 15px; color: var(--purple); }

.topbar__right { display: inline-flex; align-items: center; gap: 18px; margin-left: auto; }

.topbar__rating { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #241d49;
        background: var(--white); border: 1px solid var(--g200); border-radius: 50px; padding: 5px 14px; box-shadow: var(--shadow-sm); white-space: nowrap; }

.topbar__stars { display: inline-flex; gap: 1px; color: #ffb800; }

.topbar__stars .ico { width: 14px; height: 14px; }

.topbar__rating strong { color: var(--g900); font-weight: 800; }

.topbar__rdiv { width: 1px; height: 13px; background: var(--g200); }

.topbar__rtext { color: #241d49; }

.topbar__login { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
        font-size: 13.5px; font-weight: 800; color: var(--purple); text-decoration: none;
        padding: 6px 15px; border-radius: 50px;
        background: var(--white); border: 1.5px solid var(--purple-soft);
        box-shadow: var(--shadow-sm);
        transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s var(--ease-out, ease); }

.topbar__login .ico { width: 15px; height: 15px; }

.topbar__login:hover { background: var(--purple); border-color: var(--purple); color: #fff; transform: translateY(-1px); }

.topbar__login:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }

@media (max-width: 620px) {
    .topbar__login-txt { display: none; }
    .topbar__login { padding: 6px 10px; }
}

.topbar__search { position: relative; display: flex; align-items: center; }

.topbar__search .ico { position: absolute; left: 14px; width: 16px; height: 16px; color: #241d49; pointer-events: none; }

.topbar__search input { width: 230px; max-width: 38vw; border: 1px solid var(--g200); border-radius: 50px;
        padding: 9px 16px 9px 40px; font-family: inherit; font-size: 14px;
        background: var(--white); color: var(--g900); box-shadow: var(--shadow-sm);
        transition: border-color .2s, box-shadow .2s, width .2s; }

.topbar__search input:focus { outline: none; border-color: var(--purple); box-shadow: 0 0 0 3px var(--purple-soft); width: 262px; }

.topbar__search input::placeholder { color: #241d49; }

@media (max-width: 1100px) {
    .topbar__contact { display: none; }
    .topbar__inner { justify-content: flex-end; }
}

@media (max-width: 760px) {
    .topbar__rtext, .topbar__rdiv { display: none; }
    .topbar__search input { width: 150px; }
}

.oper { display: inline-flex; align-items: center; gap: 9px;
        color: #241d49; font-weight: 600; text-decoration: none;
        transition: color .2s ease; }

.oper:hover { color: var(--purple); }

.oper:hover .oper__photo { border-color: var(--purple-soft); }

.oper__wrap { position: relative; display: inline-flex; flex: none; }

.oper__photo { width: 40px; height: 40px; border-radius: 50%; display: block;
        object-fit: cover; border: 2px solid var(--white);
        box-shadow: 0 2px 10px rgba(20,18,31,.18); }

.oper__dot { position: absolute; right: 0; bottom: 0;
        width: 11px; height: 11px; border-radius: 50%;
        background: #E0483F;              /* mimo pracovní dobu: statická červená */
        border: 2px solid var(--white);
        transition: background .3s ease; }

.oper.is-online .oper__dot { background: #1EBE78; }

.oper.is-online .oper__dot::after { content: ''; position: absolute; inset: -3px; border-radius: 50%;
        border: 2px solid #1EBE78;
        animation: operPulse 1.8s ease-out infinite; }

.oper { position: relative; border-radius: 14px; padding: 5px 9px; border: 1px solid transparent; }

.topbar__right .oper { margin-right: 0; }

.oper:hover, .oper:focus-visible { background: var(--white);
        border: 1px solid var(--g200);
        box-shadow: 0 1px 3px rgba(20,18,31,.08), 0 3px 8px rgba(20,18,31,.06);
        z-index: 1100; }

.oper:hover .oper__photo, .oper:focus-visible .oper__photo { transform: scale(1.14); }

.oper__photo { transition: transform .25s cubic-bezier(.2,.9,.3,1.2), border-color .2s ease; }

.oper__pop { position: absolute; top: calc(100% + 9px); right: 0; z-index: 1200;
        display: flex; flex-direction: column; gap: 2px;
        width: 290px; padding: 13px 16px;
        background: linear-gradient(140deg, #6F5FD6, #4839A8 70%, #3A2D88);
        color: #fff; border-radius: 14px;
        box-shadow: 0 4px 10px rgba(20,18,31,.18), 0 10px 24px rgba(20,18,31,.16);
        opacity: 0; visibility: hidden;
        transform: translateY(-6px) scale(.96); transform-origin: top right;
        transition: opacity .22s ease, transform .22s cubic-bezier(.2,.9,.3,1.2), visibility .22s;
        pointer-events: none; }

.oper__pop::before { content: ''; position: absolute; bottom: 100%; right: 26px;
        border: 6px solid transparent; border-bottom-color: #6F5FD6; }

.oper:hover .oper__pop, .oper:focus-visible .oper__pop { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }

.oper__pop-title { font-size: 14px; font-weight: 900; letter-spacing: -.2px; white-space: nowrap; }

.oper__pop-sub { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.96); line-height: 1.45; }

.oper__call { display: inline-flex; align-items: center; gap: 9px;
        color: #241d49; font-weight: 600; text-decoration: none;
        transition: color .2s ease; }

.oper:hover .oper__call { color: var(--purple); }

.oper__pop { pointer-events: auto; }

.social .ico { width: 19px; height: 19px; }

.kontakt__avatar .oper__photo { width: 92px; height: 92px; border-width: 4px; transform: none !important; }

.kontakt__avatar .oper__dot { width: 19px; height: 19px; right: 3px; bottom: 3px; }

.oper.is-online .kontakt__hours { color: var(--green-dark); }

.kontakt__tel .ico { width: 23px; height: 23px; color: var(--purple); }

.kontakt__mail .ico { width: 19px; height: 19px; color: var(--purple); }

.kontakt__map .ico { width: 13px; height: 13px; transition: transform .2s ease; }

.kontakt__map:hover .ico { transform: translate(2px,-2px); }

.kontakt__stars .ico { width: 15px; height: 15px; }

.oper:not(.is-online) .askbox { display: flex; }

.oper .kontakt__form { display: flex; }

.oper.is-online .oper__pop { width: 264px; }

@media (max-width: 760px) {
    .oper__pop { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .oper__pop, .oper__photo { transition: none; }
}

@media (max-width: 760px) {
    .oper__pop { display: none; }
}

.topbar__right .oper { padding-right: 8px; }

.oper__lines { display: flex; flex-direction: column; line-height: 1.25; }

.oper__num { font-size: 13px; font-weight: 700; }

.oper__hours { font-size: 13px; font-weight: 700; color: #241d49;
        white-space: nowrap; letter-spacing: .2px;
        transition: color .25s ease; }

.oper.is-online .oper__hours { color: var(--green-dark); }

.oper:not(.is-online) .oper__hours { color: #241d49; }

@media (prefers-reduced-motion: reduce) {
    .oper.is-online .oper__dot::after { animation: none; }
}

@media (max-width: 760px) {
    .oper__txt { display: none !important; }
}

.topbar__rating:hover { border-color: var(--purple); box-shadow: 0 0 0 3px var(--purple-soft); }

.topbar__glogo { width: 15px; height: 15px; flex: none; }

.topbar__stars { position: relative; display: inline-flex; gap: 1px; color: var(--g200); }

.topbar__stars .ico { width: 14px; height: 14px; }

.topbar__stars-fill { position: absolute; inset: 0; display: inline-flex; gap: 1px;
        color: #ffb800; overflow: hidden; white-space: nowrap; width: 0;
        transition: width .5s ease; }

.topbar__rating.is-loading { opacity: .65; }

@media (max-width: 900px) {
    .hero > .container { padding-bottom: calc(min(110vw, 560px) * 0.733 - 101px); }
}

@media (hover: none) {
    .site-footer a,
        .mobile-nav__links a,
        .topbar a,
        section a:not(.btn):not(.hof-item):not(.avatar--link):not(.proof):not(.oper),
        .promo__link { display: inline-flex; align-items: center; min-height: 44px; }
    .site-footer li { margin-bottom: 0; }
    .oper { min-height: 48px; }
    .announce__link, .promo__link { min-height: 44px; }
    .announce__close { width: 44px; height: 44px; }
    .nav__logo { min-height: 44px; }
}

@media (max-width: 900px) {
    .hero, .section, .stat-strip { overflow-x: clip; }
}

.refs-rating__stars .ico { width: 20px; height: 20px; }

@media (max-width: 460px) {
    .topbar__rating { display: none; }
}

.sk-odznak .ico { width: 16px; height: 16px; }

.sk-uvod__meta .ico { width: 15px; height: 15px; color: var(--green-ink); flex: none; }

.proof__name .ico { width: 16px; height: 16px; color: var(--green-ink); }

.proof__shop .ico { width: 13px; height: 13px; transition: transform .2s ease; }

.proof__shop:hover .ico { transform: translate(2px, -2px); }

.proof-more .btn { gap: 8px; }

.proof-more .btn__arrow { transition: transform .25s ease; display: inline-block; }

.proof-more .btn[aria-expanded="true"] .btn__arrow { transform: rotate(180deg); }

.zlom-h2 { display: none; }

@media (min-width: 640px) {
    .zlom-h2 { display: inline; }
}

.rev-google__stars .ico { width: 17px; height: 17px; }

.rev__stars .ico { width: 16px; height: 16px; }

.rev__name .ico { width: 14px; height: 14px; color: var(--green-ink); }

.rev__name .ico { color: var(--green-ink); }

.srv-logo .mark { width: 24px; height: 24px; border-radius: 7px; }

@media (max-width: 860px) {
    .srv-zaver .btn { justify-self: center; }
}

.prib2__fajfka .ico { width: 14px; height: 14px; }

.prib2__krizek .ico { width: 13px; height: 13px; }

.prib2__zmena-ik .ico { width: 10px; height: 10px; }

.dvet__odznak .ico { width: 13px; height: 13px; }

.refs-rating__stars .ico { width: 20px; height: 20px; }

.ref-chip .ico { width: 15px; height: 15px; }

.ref-card__stars .ico { width: 15px; height: 15px; }

.ref-card__verify .ico { width: 16px; height: 16px; }

.talks__topic .ico { width: 18px; height: 18px; flex: none; color: var(--tc); }

.talks__ph .ico { width: 30px; height: 30px; color: rgba(255,255,255,.96); }

.talks__grating-stars .ico { width: 17px; height: 17px; }

.exitp__badge .ico { width: 15px; height: 15px; }

.exitp__form .btn { flex: 1 1 auto; justify-content: center; }

.exitp__proof .ico { width: 15px; height: 15px; color: var(--green-ink); }

.nav__links { gap: 18px; }

.nav__links a { white-space: nowrap; }

.nav__cta, .nav__cta span { white-space: nowrap; }

.nav__links a { font-size: 14px; }

.nav__actions .nav__cta { padding: 12px 20px; }

@media (max-width: 1320px) and (min-width: 981px) {
    .nav__links { gap: 12px; }
    .nav__links a { font-size: 14px; }
    .nav__actions .nav__cta { padding: 10px 15px; font-size: 14px; }
    .nav__logo .brand-logo { height: 32px; }
}

@media (max-width: 1040px) and (min-width: 981px) {
    .nav__links { gap: 9px; }
    .nav__links a { font-size: 14px; }
}

@media (max-width: 1100px) and (min-width: 981px) {
    .nav__actions .nav__cta { display: none; }
}

.content-card__meta,
    .testi-card__role,
    .ref-card__role,
    .calc__hint,
    .lead-form__note,
    .newsletter__consent,
    .logos__title,
    .program-card__brand,
    .compare__plan small,
    .service-small__link,
    .content-card__link,
    .nav__links a { /* base nav links už jsou g600, necháváme */ }

.site-footer { color: rgba(255,255,255,0.7); }

.site-footer__tagline,
    .site-footer__contact a { color: rgba(255,255,255,0.78); }

.site-footer__col a { color: rgba(255,255,255,0.72); }

.site-footer__num span { color: rgba(255,255,255,0.7); }

.site-footer__bottom p,
    .site-footer__note { color: rgba(255,255,255,0.62); }

.site-footer__partner { color: rgba(255,255,255,0.6); }

.program-rozbal__list li .ico { width: 16px; height: 16px; color: var(--green); flex: none; margin-top: 2px; }

.cbar__title .ico { width: 20px; height: 20px; color: var(--purple); flex: none; }

@media (max-width: 520px) {
    .announce__inner { padding: 8px 42px 8px 14px; }
    .announce__text { font-size: 13px; gap: 8px; }
    .announce__countdown .cd b { font-size: 14px; padding: 2px 5px; }
}

@media (max-width: 560px) {
    .talks__actions .btn { width: 100%; justify-content: center; }
}

.nav__actions { margin-left: 34px; }

.topbar .oper__pop { display: none !important; }

article.service-contact.oper .oper__photo { transform: none !important; }

.brand-logo { aspect-ratio: 378 / 206; width: auto; }

/* ===== KEYFRAMES ===== */
@keyframes ctaEchoFialova { 0% { opacity: 1; box-shadow: 0 0 0 0 rgba(91,75,200,.5); } 100% { opacity: 0; box-shadow: 0 0 0 16px rgba(91,75,200,0); } }
@keyframes ctaEcho { 0% { opacity: 1; box-shadow: 0 0 0 0 rgba(30,190,120,.5); } 100% { opacity: 0; box-shadow: 0 0 0 16px rgba(30,190,120,0); } }
@keyframes operPulse
    {
        0%   { transform: scale(.7); opacity: .85; }
        100% { transform: scale(2.1); opacity: 0; }
    }

:root { --g-mid: #5d5b76; } /* sekundární text na bílé */


/* ===== REFERENCE - karty recenzí, slider (z f16, sdílené pro podstránky) ===== */

@media (hover: none) {

    .rev-nav { width: 44px; height: 44px; }
}

.rev.is-highlighted { box-shadow: 0 0 0 3px var(--green); transition: box-shadow .3s ease; }

.verified { display: inline-flex; align-items: center; gap: 5px; flex: none;
        cursor: help; line-height: 1;
        font-size: 13px; font-weight: 800; letter-spacing: .2px;
        color: #0F7047;
        background: var(--green-soft);
        padding: 3px 9px 3px 5px; border-radius: 50px;
        white-space: nowrap; }

.verified:hover .verified__ico { transform: scale(1.12) rotate(-6deg); }

.revslider-wrap { position: relative; max-width: 1100px; margin: 8px auto 0; }

.revslider { display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, minmax(0, auto));
        grid-auto-columns: calc((100% - 44px) / 3);
        gap: 22px;
        overflow-x: auto; overflow-y: hidden;
        scroll-snap-type: x proximity; scroll-behavior: smooth;
        padding: 6px 2px 18px; }

.revslider .rev { scroll-snap-align: start; }

.revslider .rev[hidden] { display: none; }

.revslider { scrollbar-width: none; -ms-overflow-style: none; cursor: grab; }

.revslider::-webkit-scrollbar { display: none; }

.revslider:focus { outline: none; }

.revslider:focus-visible { outline: 2px solid var(--purple); outline-offset: 4px; border-radius: 6px; }

.revslider.is-drag { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }

.revslider.is-drag .rev { pointer-events: none; }

.revslider-wrap::before, .revslider-wrap::after { content: ''; position: absolute; top: 0; bottom: 18px; width: 46px; z-index: 3; pointer-events: none;
        opacity: 0; transition: opacity .25s ease; }

.revslider-wrap::before { left: 0; background: linear-gradient(90deg, var(--white), transparent); }

.revslider-wrap::after { right: 0; background: linear-gradient(270deg, var(--white), transparent); }

.revslider-wrap.has-left::before { opacity: 1; }

.revslider-wrap.has-right::after { opacity: 1; }

.rev-prog { display: flex; justify-content: center; margin: 22px 0 0; }

.rev-prog__in { position: relative; display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 50px;
        background: rgba(255,255,255,.62);
        -webkit-backdrop-filter: blur(12px) saturate(1.5);
                backdrop-filter: blur(12px) saturate(1.5);
        border: 1px solid var(--g200);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 6px 20px -12px rgba(28,26,48,.4); }

.rev-prog__dots { position: relative; display: flex; align-items: center; width: 150px; height: 8px; border-radius: 50px; background: var(--g100); cursor: grab; }
    .rev-prog__dots:active { cursor: grabbing; }

.rev-prog__dot { display: none; }

.rev-prog__dot::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--g300);
        transition: transform .22s var(--ease-out, ease), background .22s ease; }

.rev-prog__dot:hover::before { transform: scale(1.45); background: var(--g400); }

.rev-prog__dot:focus-visible { outline: 2px solid var(--purple); outline-offset: 1px; }

.rev-prog__bar { position: absolute; top: 50%; left: 0; width: 16px; height: 8px; border-radius: 50px;
        transform: translateY(-50%); pointer-events: none;
        background: linear-gradient(90deg, var(--purple), var(--purple-deep, #4335a5));
        box-shadow: 0 2px 10px rgba(91, 75, 200, .45);
        transition: left .28s var(--ease-out, cubic-bezier(.16,1,.3,1)); }

.rev-prog__count { margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--g200);
        font-size: 13px; font-weight: 800; color: #241d49; font-variant-numeric: tabular-nums; white-space: nowrap; }

.rev-prog__count b { color: var(--g900); }

.rev-nav { position: absolute; top: 50%; transform: translateY(-50%);
        width: 54px; height: 54px; border-radius: 50%;
        border: 3px solid var(--white); color: #fff;
        background: linear-gradient(140deg, var(--purple), var(--purple-deep, #4335a5));
        box-shadow: 0 10px 26px -8px rgba(91, 75, 200, .65), 0 2px 6px rgba(28, 26, 48, .18);
        display: grid; place-items: center; cursor: pointer; z-index: 6;
        transition: box-shadow .22s ease, opacity .22s ease, transform .22s var(--ease-out, ease), filter .22s ease; }

.rev-nav::after { content: ''; position: absolute; inset: -3px; border-radius: 50%;
        box-shadow: 0 0 0 1px var(--g200); pointer-events: none; }

.rev-nav:hover { filter: brightness(1.08);
        transform: translateY(-50%) scale(1.08);
        box-shadow: 0 16px 34px -8px rgba(91, 75, 200, .8), 0 2px 6px rgba(28, 26, 48, .2); }

.rev-nav:active { transform: translateY(-50%) scale(.95); }

.rev-nav:focus-visible { outline: 3px solid var(--purple); outline-offset: 3px; }

.rev-nav svg { width: 24px; height: 24px; }

.rev-nav--prev { left: -26px; }

.rev-nav--next { right: -26px; }

.rev-nav[disabled] { opacity: .28; pointer-events: none; box-shadow: none; }

@media (max-width: 1180px) {
    .rev-nav--prev { left: 8px; }
    .rev-nav--next { right: 8px; }
}

@media (max-width: 620px) {
    .rev-nav { width: 46px; height: 46px; border-width: 2px; }
    .rev-nav svg { width: 20px; height: 20px; }
}

@media (max-width: 620px) {
    .rev-prog__dots { display: none; }
    .rev-prog__count { margin-left: 0; padding-left: 0; border-left: 0; }
}

.rev-google { display: flex; justify-content: center; margin: 16px 0 0; }

.rev-google__link { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center;
        text-decoration: none; padding: 9px 18px; border-radius: 50px;
        border: 1px solid transparent;
        transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; }

.rev-google__link:hover { background: var(--white); border-color: var(--g200); box-shadow: 0 10px 26px -16px rgba(28,26,48,.5); transform: translateY(-2px); }

.rev-google__link:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }

.rev-google__stars { display: inline-flex; gap: 2px; color: #ffb800; }

.rev-google__stars .ico { width: 17px; height: 17px; }

.rev-google__val { font-weight: 900; font-size: 17px; color: var(--g900); letter-spacing: -.3px; }

.rev-google__cta { font-size: 14px; font-weight: 700; color: #241d49;
        padding-left: 12px; border-left: 1px solid var(--g200); }

.rev-google__link:hover .rev-google__cta { color: var(--purple); }

@media (max-width: 560px) {
    .rev-google__cta { border-left: 0; padding-left: 0; width: 100%; text-align: center; }
}

.revslider.is-nova .rev:not([hidden]) { animation: revIn .42s var(--ease-out, cubic-bezier(.16,1,.3,1)) both; }

.revslider.is-nova .rev:nth-child(-n+2) { animation-delay: .02s; }

.revslider.is-nova .rev:nth-child(n+3) { animation-delay: .07s; }

.revslider.is-nova .rev:nth-child(n+5) { animation-delay: .12s; }

.revslider.is-nova .rev:nth-child(n+7) { animation-delay: .17s; }

.revslider.is-nova .rev:nth-child(n+9) { animation-delay: .22s; }

.rev__photo, .rev__ini { transition: transform .3s var(--ease-out, ease); }

.rev:hover .rev__photo, .rev:hover .rev__ini { transform: scale(1.06); }

@media (prefers-reduced-motion: reduce) {
    .revslider { scroll-behavior: auto; }
    .revslider.is-nova .rev:not([hidden]) { animation: none; }
    .rev-prog__bar { transition: none; }
    .rev:hover { transform: none; }
    .rev:hover .rev__photo, .rev:hover .rev__ini { transform: none; }
}

.rev { box-sizing: border-box; position: relative;
        background: var(--white); border: 1px solid var(--g200); border-radius: var(--r-xl);
        padding: 28px 28px 24px; box-shadow: var(--shadow-sm);
        display: flex; flex-direction: column;
        transition: box-shadow .3s, transform .3s, border-color .3s; }

.rev { --gl: #7a7596; }

.rev[data-prog="mastermind"] { --gl: #5B4BC8; }

.rev[data-prog="masterclass"] { --gl: #F26522; }

.rev[data-prog="klub"] { --gl: #F8B13D; }

.rev:hover { transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--gl) 45%, var(--g200));
        box-shadow:
            0 20px 46px -18px color-mix(in srgb, var(--gl) 70%, transparent),
            0 6px 18px -8px color-mix(in srgb, var(--gl) 38%, transparent),
            0 0 0 4px color-mix(in srgb, var(--gl) 9%, transparent); }

.rev__stars { display: inline-flex; gap: 2px; color: #ffb800; margin-bottom: 14px; }

.rev__stars .ico { width: 16px; height: 16px; }

.rev__quote { font-size: 16px; line-height: 1.62; color: #241d49; font-weight: 500; margin: 0 0 20px; flex-grow: 1; }

.rev__quote b { color: var(--g900); font-weight: 800; }

.rev__foot { display: flex; align-items: center; gap: 12px; }

.rev__foot .avatar { width: 38px; height: 38px; font-size: 14px; flex-shrink: 0; }

.rev__name { font-weight: 800; font-size: 14.5px; color: var(--g900); display: flex; align-items: center; gap: 5px; line-height: 1.2; white-space: nowrap; }

.rev__name .ico { width: 14px; height: 14px; color: var(--green-ink); }

.rev__role { font-size: 16px; color: #241d49; }

.rev__role .rev__shop { color: var(--purple); font-weight: 700; text-decoration: none; }

.rev__role .rev__shop:hover { text-decoration: underline; }

.rev__photo { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--g100); background: var(--g50); }

.rev__name .ico { color: var(--green-ink); }

.rev__chip { align-self: flex-start; flex-shrink: 0; font-size: 13px; font-weight: 800; padding: 5px 11px; border-radius: 50px; white-space: nowrap; margin: 0 0 16px; }

.rev__chip--green { background: var(--green-soft); color: var(--green-dark); }

.rev__chip--orange { background: var(--orange-soft); color: var(--orange-dark); }

.rev__chip--purple { background: var(--purple-soft); color: var(--purple); }

.rev__prog { position: absolute; top: 14px; right: 14px; z-index: 2;
        display: inline-flex; align-items: center;
        font-size: 13px; font-weight: 900; letter-spacing: 1.1px; text-transform: uppercase;
        padding: 7px 13px; border-radius: 50px; white-space: nowrap;

        /* sklo: tónované pozadí + rozostření toho, co je pod ním */
        background: linear-gradient(135deg,
            color-mix(in srgb, var(--pc) 26%, transparent),
            color-mix(in srgb, var(--pc) 13%, transparent));
        -webkit-backdrop-filter: blur(10px) saturate(1.6);
                backdrop-filter: blur(10px) saturate(1.6);
        border: 1px solid color-mix(in srgb, var(--pc) 38%, transparent);
        color: var(--pc-tx);

        /* jemný lesk shora + měkký stín pod sklem */
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.65),
            0 4px 14px color-mix(in srgb, var(--pc) 22%, transparent);
        transition: transform .25s var(--ease-out, cubic-bezier(.16,1,.3,1)),
                    box-shadow .25s ease, background .25s ease; }

.rev__prog::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
        background: linear-gradient(115deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 42%); }

.rev:hover .rev__prog { transform: translateY(-1px);
        background: linear-gradient(135deg,
            color-mix(in srgb, var(--pc) 36%, transparent),
            color-mix(in srgb, var(--pc) 20%, transparent));
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.7),
            0 8px 22px color-mix(in srgb, var(--pc) 32%, transparent); }

.rev__prog--mastermind { --pc: #5B4BC8; --pc-tx: #3a2d88; }

.rev__prog--masterclass { --pc: #F26522; --pc-tx: #a83c0c; }

.rev__prog--klub { --pc: #F8B13D; --pc-tx: #6b4700; }

.rev__prog--analyza { --pc: #1EBE78; --pc-tx: #0d5c3a; }

.rev__prog--konzultace { --pc: #2DD4BF; --pc-tx: #0e5a52; }

.rev__stars { padding-right: 118px; }

.rev__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; margin: 0 0 14px; padding-right: 118px; }

.rev__meta .rev__stars { margin: 0; padding-right: 0; }

.rev__meta .verified { margin: 0; font-size: 13px; padding: 4px 9px; border-radius: 6px; background: var(--green-soft); color: #0d7d4c; }

.rev__meta .verified__ico { width: 12px; height: 12px; }

.rev__ini { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
        display: inline-flex; align-items: center; justify-content: center;
        font-weight: 800; font-size: 15px; color: #fff; letter-spacing: .5px;
        border: 2px solid var(--g100); }

.rev__ini--purple { background: linear-gradient(135deg, var(--purple), var(--purple-deep)); }

.rev__ini--orange { background: linear-gradient(135deg, var(--orange), var(--orange-dark)); }

.rev__ini--green { background: linear-gradient(135deg, var(--green), var(--green-dark)); }

.rev__name { white-space: normal; }

.rev__foot { align-items: flex-start; }

@media (max-width: 900px) {
    .revslider { grid-auto-columns: calc((100% - 22px) / 2); }
}

@media (max-width: 620px) {
    .revslider { grid-auto-columns: 86%; grid-template-rows: repeat(1, minmax(0, auto)); }
    .revslider .rev { padding: 24px 22px; }
    .rev__meta { padding-right: 104px; }
}

.ref-card .rev__prog { top: 16px; right: 16px; }

.ref-card--featured .rev__prog { top: 20px; right: 20px; }

@media (max-width: 620px) {
    .rev-nav { width: 40px; height: 40px; }
    .rev-nav svg { width: 18px; height: 18px; }
}

.rev__prog, .rev__prog:hover, .rev:hover .rev__prog, .ref-card:hover .rev__prog { background-image: none !important; transform: none; opacity: 1; }

.rev__prog--mastermind, .rev:hover .rev__prog--mastermind { background-color: rgba(91, 75, 200, .18) !important; color: #3a2d88 !important; border-color: rgba(91, 75, 200, .38) !important; }

.rev__prog--masterclass, .rev:hover .rev__prog--masterclass { background-color: rgba(242, 101, 34, .16) !important; color: #a83c0c !important; border-color: rgba(242, 101, 34, .42) !important; }

.rev__prog--klub, .rev:hover .rev__prog--klub { background-color: rgba(248, 177, 61, .24) !important; color: #6b4700 !important; border-color: rgba(248, 177, 61, .55) !important; }

.rev__prog--analyza, .rev:hover .rev__prog--analyza { background-color: rgba(30, 190, 120, .18) !important; color: #0d5c3a !important; border-color: rgba(30, 190, 120, .42) !important; }

.rev__prog--konzultace, .rev:hover .rev__prog--konzultace { background-color: rgba(45, 212, 191, .2) !important; color: #0e5a52 !important; border-color: rgba(45, 212, 191, .45) !important; }
@keyframes revIn { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }


/* ===== PATIČKA - doplněné třídy (fmedia, footer-dana, p2 média, socials) ===== */

.footer-dana { display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
        margin-bottom: 14px; }

.footer-dana__label { flex-basis: 100%; font-size: 13px; font-weight: 900; letter-spacing: 2px;
        text-transform: uppercase; color: rgba(255,255,255,.96); line-height: 1; }

.footer-dana__wrap { flex: none; }

.footer-dana__foto { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: none;
        border: 2px solid rgba(255,255,255,.5);
        box-shadow: 0 6px 16px -8px rgba(0,0,0,.8);
        transform: none !important; }

.footer-dana__wrap .oper__dot { width: 14px; height: 14px; right: 0; bottom: 0; border-color: #1c1a30; }

.footer-dana__kdo { display: flex; flex-direction: column; line-height: 1.35; }

.footer-dana__kdo b { color: #fff; font-size: 15px; font-weight: 800; }

.footer-dana__kdo span { color: rgba(255,255,255,.96); font-size: 14px; }

.fmedia { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        row-gap: 12px; margin-top: 4px; }

.fmedia .p2 { padding: 0 16px; }

.fmedia .p2__name { font-size: 19px; color: rgba(255,255,255,0.55); }

.fmedia .p2:hover .p2__name { color: #fff; }

.fmedia .p2--forbes .p2__name { font-size: 17px; }

.fmedia .p2__sep { font-size: 13px; }

@media (max-width: 700px) {
    .fmedia .p2 { padding: 0 10px; }
    .fmedia .p2__name { font-size: 16px; }
}

.fgrid__item .p2__fallback { display: inline-flex; align-items: center; min-width: 0; }

.fgrid__item .p2__txt { font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.62); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.fgrid__item:hover .p2__txt { color: #fff; }

.socials { display: flex; gap: 9px; margin-top: 20px; flex-wrap: wrap; }

.social--fb { --sbg: #1877F2; }

.social--ig { --sbg: #E1306C; }

.social--yt { --sbg: #FF0000; }

.social--li { --sbg: #0A66C2; }

.social--pc { --sbg: var(--purple); }

.press2--tools .p2 { padding: 0 30px; cursor: default; }

.press2--tools .p2__sep { transform: none; font-size: 13px; }

.p2__logo { display: block; height: 34px; width: auto; max-width: 190px; object-fit: contain;
        filter: brightness(0) invert(1);
        opacity: .72; transition: opacity .3s ease; }

.p2:hover .p2__logo { opacity: 1; }

.p2__fallback { display: inline-flex; align-items: center; }

.p2__txt { font-size: 28px; font-weight: 800; letter-spacing: -0.4px; white-space: nowrap;
        color: rgba(255,255,255,0.72); transition: color .3s ease; }

.p2:hover .p2__txt { color: #fff; }

@media (max-width: 700px) {
    .press2--tools .p2 { padding: 0 20px; }
    .p2__logo { height: 26px; max-width: 140px; }
    .p2__txt { font-size: 22px; }
}

.p2 { display: inline-flex; align-items: center; padding: 0 34px; position: relative; }

.p2__name { font-size: 30px; font-weight: 800; letter-spacing: -0.4px; white-space: nowrap;
        color: rgba(255,255,255,0.6); transition: color .3s, text-shadow .3s;
        padding-bottom: 3px; border-bottom: 2px solid transparent; }

.p2:hover .p2__name { color: #fff; text-shadow: 0 0 24px rgba(255,255,255,0.25); border-bottom-color: var(--orange-ink); }

.p2__sep { color: rgba(255,255,255,0.22); font-size: 13px; transform: translateY(-2px); }

.p2--forbes .p2__name { font-family: Georgia, 'Times New Roman', serif; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 27px; }

.p2--e15 .p2__name { font-weight: 900; letter-spacing: -1.5px; }

.p2--cc i { font-style: normal; }

@media (max-width: 700px) {
    .p2 { padding: 0 24px; }
    .p2__name { font-size: 24px; }
    .p2--forbes .p2__name { font-size: 22px; }
}


/* ===== USP LIŠTY - stats-bar + proof-strip (z f16) ===== */

.stat-cell__number, .proof-strip__item-num { font-variant-numeric: tabular-nums; }

@media (max-width: 600px) {
    .stats-bar { margin-top: -44px; }
    .stat-cell { padding: 28px 16px; }
    .stat-cell__number { font-size: 27px; white-space: normal; }
    .proof-strip__item-num { font-size: 30px; }
}

.stats-bar-wrapper { position: relative; z-index: 10; }

.stats-bar { display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2px;
        margin-top: -64px;
        border-radius: var(--r-2xl);
        overflow: hidden;
        box-shadow: var(--shadow-xl);
        background: var(--g200); }

.stat-cell { background: var(--white);
        padding: 36px 22px;
        text-align: center;
        transition: background 0.3s;
        display: flex; flex-direction: column; align-items: center; justify-content: center; }

.stat-cell:hover { background: var(--purple-mist); }

.stat-cell { justify-content: flex-start; }

.stat-cell__number { font-size: clamp(26px, 2.7vw, 36px);
        font-weight: 900;
        line-height: 1.05;
        margin-bottom: 10px;
        letter-spacing: -0.5px;
        white-space: nowrap; }

.stat-cell__number--orange { color: var(--orange); }

.stat-cell__number--green { color: var(--green); }

.stat-cell__number--purple { color: var(--purple); }

.stat-cell__number--gold { color: var(--gold); }

.stat-cell__label { font-size: 14px; color: #241d49; font-weight: 500; line-height: 1.45; }

.proof-strip { background: var(--g900); padding: 56px 0; }

.proof-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }

.proof-strip__item { text-align: center; }

.proof-strip__item-num { font-size: clamp(28px, 3.4vw, 42px); font-weight: 900; color: var(--orange); letter-spacing: -1px; line-height: 1; margin-bottom: 8px; }

.proof-strip__item-label { font-size: 14px; color: rgba(255,255,255,0.6); font-weight: 500; }

@media (max-width: 980px) {
    .stats-bar { grid-template-columns: 1fr 1fr; }
    .proof-strip__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    .stat-cell { min-width: 0; }
    .stat-cell__number { font-size: clamp(22px, 7vw, 34px); word-break: normal; }
}


/* ===== SROVNÁVACÍ TABULKA PROGRAMŮ (z f16; na podstránkách viditelná i na mobilu - override níže) ===== */

.compare__intro { text-align: center; margin-bottom: 20px; }

.compare__nadpis { margin: 0; font-size: clamp(20px, 2.2vw, 26px); font-weight: 900;
        letter-spacing: -.5px; color: var(--g900); }

.compare__perex { margin: 8px auto 0; max-width: 620px;
        font-size: 16px; line-height: 1.55; color: #241d49; }

.compare__bar { display: flex; align-items: center; justify-content: flex-end;
        gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }

.compare__tabs { display: none; flex: 1 1 100%; gap: 6px;
        background: var(--g100); padding: 5px; border-radius: 50px; }

.compare__tab { flex: 1; font-family: inherit; font-size: 13px; font-weight: 900; letter-spacing: .4px;
        padding: 10px 6px; border: 0; border-radius: 50px; cursor: pointer;
        background: transparent; color: #241d49;
        transition: background .2s ease, color .2s ease, box-shadow .2s ease; }

.compare__tab.je-aktivni { background: var(--white); color: var(--g900); box-shadow: var(--shadow-sm); }

.compare__tab:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }

.compare__filtr { /* sedí až POD rozbalenou tabulkou; u sbalené je skryté (viz pravidlo u .compare__skryt) */
        display: none; width: fit-content; margin: 12px 2px 0 auto; align-items: center; gap: 9px;
        font-family: inherit; font-size: 14px; font-weight: 800; color: #241d49;
        background: none; border: 0; padding: 6px 2px; cursor: pointer;
        transition: color .2s ease; }

.compare__filtr:hover { color: var(--g900); }

.compare__filtr:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; border-radius: 6px; }

.compare__filtr-box { width: 38px; height: 22px; border-radius: 50px; background: var(--g200);
        position: relative; flex: none; transition: background .2s ease; }

.compare__filtr-box::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px;
        border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3);
        transition: transform .22s var(--ease-out, ease); }

.compare__filtr[aria-pressed="true"] { color: var(--purple); }

.compare__filtr[aria-pressed="true"] .compare__filtr-box { background: var(--purple); }

.compare__filtr[aria-pressed="true"] .compare__filtr-box::after { transform: translateX(16px); }

.compare__table tr.je-skryty { display: none; }

.compare { margin-top: 56px; max-width: 1120px; margin-left: auto; margin-right: auto; }

.compare__scroll { background: var(--white);
        border: 1px solid var(--g200);
        border-radius: var(--r-xl);
        box-shadow: 0 18px 40px -34px rgba(28,26,48,.5);
        padding: 10px 14px 14px; }

.compare__table { width: 100%;
        table-layout: fixed;                 /* stejně široké sloupce = klidnější obraz */
        border-collapse: separate; border-spacing: 0;
        font-variant-numeric: tabular-nums; }

.compare__table col.cmp-popis { width: 25%; }

.compare__table col.cmp-plan { width: 25%; }

.compare__table thead th { position: sticky; top: 0; z-index: 3;
        background: var(--white);
        padding: 18px 16px 16px; text-align: center; vertical-align: bottom;
        border-bottom: 1.5px solid var(--g200); }

.compare__table thead th:first-child { position: sticky; left: 0; top: 0; z-index: 4; background: var(--white); }

.compare__plan { display: block; font-size: 19px; font-weight: 900; letter-spacing: -0.4px; line-height: 1.1; }

.compare__plan small { display: block; font-size: 13px; font-weight: 900; letter-spacing: 2px;
        color: #241d49; margin-bottom: 5px; }

.compare__plan--klub { color: #c8860d; }

.compare__plan--mind { color: var(--purple); }

.compare__plan--class { color: var(--orange); }

.compare__tip { display: inline-block; margin-bottom: 9px; padding: 4px 12px; border-radius: 50px;
        background: var(--purple); color: #fff;
        font-size: 13px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase;
        box-shadow: 0 6px 16px -8px rgba(91,75,200,.9); }

.compare__table td,
    .compare__table tbody th { padding: 13px 16px; text-align: center;
        background: var(--white);
        border-bottom: 1px solid #f0f0f4; }

.compare__table tbody th { border-right: 1px solid #f0f0f4; border-left: 1px solid #f0f0f4; }

.compare__table tbody th { position: sticky; left: 0; z-index: 2;
        text-align: left; font-weight: 700; color: #241d49; font-size: 13px; line-height: 1.35;
        background: var(--white); }

.compare__table tbody tr:hover th,
    .compare__table tbody tr:hover td { background: var(--g50); }

.compare__txt { font-size: 14px; line-height: 1.5; color: #241d49;
        text-wrap: pretty; }

.compare__grp th { position: static; text-align: left; padding: 11px 16px;
        font-size: 13px; font-weight: 900; letter-spacing: 2.2px; text-transform: uppercase;
        color: #241d49;
        background: #f3f2f8 !important;
        border-top: 1px solid var(--g200); border-bottom: 1px solid var(--g200);
        border-right: 1px solid var(--g200); }

.compare__grp + tr th, .compare__grp + tr td { padding-top: 16px; }

.compare__table tbody tr.compare__grp:first-child th { border-top: 0; }

.compare__grp th { border-left: 1px solid var(--g200); }

.compare__table tbody tr.compare__grp:hover th { background: #f3f2f8 !important; }

.compare__yes > .ico { display: block; margin: 0 auto; width: 22px; height: 22px;
        color: var(--green); stroke-width: 3; }

.compare__no > .ico { display: block; margin: 0 auto; width: 18px; height: 18px;
        color: #241d49; stroke-width: 2.6; }

.compare__plus { display: block; font-size: 13px; font-weight: 800; letter-spacing: .2px;
        color: #241d49; margin-top: 5px; }

.compare__nove { display: inline-block; vertical-align: middle; margin-left: 7px;
        padding: 3px 10px; border-radius: 50px;
        background: #2fd68c;
        color: #241d49; box-shadow: 0 3px 10px rgba(30,190,120,.45);
        font-size: 13px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }

.compare__col-featured { background: linear-gradient(180deg, #f1eefc 0%, #f7f5fe 100%) !important;
        border-left: 2px solid var(--purple-soft);
        border-right: 2px solid var(--purple-soft); }

.compare__table thead th.compare__col-featured { background: var(--purple) !important;
        border-color: var(--purple);
        border-top: 2px solid var(--purple);
        border-bottom: 0;
        border-radius: 20px 20px 0 0;
        padding-top: 22px; padding-bottom: 18px;
        box-shadow: 0 -14px 30px -18px rgba(91,75,200,.9); }

.compare__table thead th.compare__col-featured .compare__plan { color: #fff; }

.compare__table thead th.compare__col-featured .compare__plan small { color: rgba(255,255,255,.96); }

.compare__tip { background: #fff; color: var(--purple);
        box-shadow: 0 6px 16px -8px rgba(0,0,0,.45); }

.compare__table tbody tr:last-child td.compare__col-featured { border-bottom: 2px solid var(--purple-soft);
        border-radius: 0 0 20px 20px; }

.compare__table tbody tr:hover td.compare__col-featured { background: #eae5fb !important; }

.compare__table td.cmp-1, .compare__table thead th.cmp-1 { border-left: 1px solid #f6e6c2; border-right: 1px solid #f6e6c2; }

.compare__table thead th.cmp-1 { border-top: 1px solid #f6e6c2; border-radius: 14px 14px 0 0; }

.compare__table tbody tr:last-child td.cmp-1 { border-bottom: 1px solid #f6e6c2; border-radius: 0 0 14px 14px; }

.compare__table td.cmp-3, .compare__table thead th.cmp-3 { border-left: 1px solid #fadfd0; border-right: 1px solid #fadfd0; }

.compare__table thead th.cmp-3 { border-top: 1px solid #fadfd0; border-radius: 14px 14px 0 0; }

.compare__table tbody tr:last-child td.cmp-3 { border-bottom: 1px solid #fadfd0; border-radius: 0 0 14px 14px; }

.compare__table tbody tr.compare__row--key th,
    .compare__table tbody tr.compare__row--key td { padding-top: 17px; padding-bottom: 17px; }

.compare__table tbody tr.compare__row--key th { color: var(--g900); font-size: 15px; font-weight: 900;
        letter-spacing: 0; text-transform: none; }

.compare__table tbody tr.compare__row--key td { font-size: 15px; line-height: 1.45; }

.compare__cta td { padding-top: 22px; padding-bottom: 24px; border-bottom: 0; }

.compare__cta th { border-bottom: 0; border-left: 0; border-right: 0; }

@media (max-width: 860px) {
    .compare__tabs { display: flex; }
    .compare__bar { justify-content: space-between; }
    .compare__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch;
            scroll-snap-type: x proximity;
            scroll-padding-left: 132px;
            scrollbar-width: none;
            padding: 10px 0 14px; }
    .compare__scroll::-webkit-scrollbar { display: none; }
    .compare__table { width: 660px; min-width: 660px; max-width: none;
            table-layout: fixed; }
    .compare__table col.cmp-popis { width: 132px; }
    .compare__table col.cmp-plan { width: 176px; }
    .compare__table tbody th,
        .compare__table thead th:first-child { position: sticky; left: 0; z-index: 4;
            background: var(--white);
            box-shadow: 6px 0 12px -8px rgba(28,26,48,.35); }
    .compare__table tbody tr.compare__row--key th { box-shadow: 6px 0 12px -8px rgba(28,26,48,.35); }
    .compare__table thead th { position: static; }
    .compare__table thead th:first-child { position: sticky; }
    .compare__table td, .compare__table tbody th { padding: 12px 12px; }
    .compare__txt { font-size: 14px; }
    .compare__table tbody th { font-size: 14px; }
    .compare__plan { font-size: 15px; }
    .compare__table thead th.compare__col-featured { padding-top: 18px; }
    .compare__table thead th.cmp-1,
        .compare__table thead th.cmp-2,
        .compare__table thead th.cmp-3 { scroll-snap-align: start; }
    .compare__grp th { box-shadow: none; }
    .compare__intro { text-align: left; }
}

.compare__row--key th { color: var(--g900); font-weight: 800; }

.compare__speed { display: inline-flex; align-items: center; font-size: 14px; font-weight: 900;
        padding: 6px 13px; border-radius: 50px; white-space: nowrap; }

.compare__speed--slow { background: var(--g100); color: #241d49; }

.compare__speed--mid { background: var(--purple-soft); color: var(--purple); }

.compare__speed--fast { background: var(--green-soft); color: var(--green-dark); }

.compare__cta-row td { padding-top: 24px; padding-bottom: 24px; }

.compare__cta-row .btn { white-space: nowrap; width: 100%; justify-content: center;
        padding: 12px 16px; font-size: 14px; min-height: 0;
        border: 2px solid transparent;   /* aby plné i orámované tlačítko mělo stejnou výšku */ }

@media (max-width: 860px) {
    .compare__cta-row .btn { font-size: 13px; padding: 11px 12px; }
}

.content-card__meta,
    .testi-card__role,
    .ref-card__role,
    .calc__hint,
    .lead-form__note,
    .newsletter__consent,
    .logos__title,
    .program-card__brand,
    .compare__plan small,
    .service-small__link,
    .content-card__link,
    .nav__links a { /* base nav links už jsou g600, necháváme */ }

.logos__title,
    .program-card__brand,
    .compare__plan small { color: #241d49; }

.compare__sbal { position: relative; overflow: hidden; max-height: 6000px; transition: max-height .7s ease; }

.compare__sbal.je-sbaleny { max-height: 480px; }

.compare__odkryt-stin { display: none; position: absolute; left: 0; right: 0; bottom: 0; height: 190px;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--white) 82%);
        border-radius: 0 0 var(--r-xl) var(--r-xl);
        pointer-events: none; z-index: 5; }

.compare__odkryt { display: none; position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%);
        align-items: center; gap: 13px; padding: 15px 28px; white-space: nowrap;
        border: 2px solid var(--orange); border-radius: 999px;
        background: var(--white); color: var(--g900);
        font: inherit; font-size: 14px; font-weight: 800; letter-spacing: -0.2px;
        cursor: pointer; z-index: 6;
        box-shadow: 0 16px 38px -12px rgba(242,101,34,.45);
        transition: transform .2s ease, box-shadow .2s ease; }

.compare__odkryt:hover { transform: translateX(-50%) translateY(-2px); box-shadow: 0 20px 44px -12px rgba(242,101,34,.6); }

.compare__sbal.je-sbaleny .compare__odkryt-stin { display: block; }

.compare__sbal.je-sbaleny .compare__odkryt { display: inline-flex; }

.compare__odkryt-dot { width: 13px; height: 13px; border-radius: 50%; flex: none;
        background: var(--orange); box-shadow: 0 0 0 0 rgba(242,101,34,0.6);
        animation: cmpPulseDot 2s infinite; }

@media (max-width: 620px) {
    .compare__odkryt { font-size: 14px; padding: 11px 20px; gap: 10px; bottom: 20px; }
    .compare__odkryt-dot { width: 11px; height: 11px; }
}

@media (max-width: 900px) {
    .compare { display: none; }
}

.compare__skryt { display: none; width: fit-content; margin: 18px auto 0;
        align-items: center; gap: 8px; padding: 12px 22px;
        border: 2px solid var(--orange); border-radius: 999px;
        background: var(--white); color: var(--g900);
        font: inherit; font-size: 15px; font-weight: 800; letter-spacing: -0.1px;
        cursor: pointer;
        box-shadow: 0 10px 26px -14px rgba(242,101,34,.45);
        transition: box-shadow .2s ease, transform .2s ease; }

.compare__skryt:hover { box-shadow: 0 14px 30px -12px rgba(242,101,34,.6); transform: translateY(-1px); }

#cmpSbal:not(.je-sbaleny) + .compare__skryt { display: flex; }

#cmpSbal:not(.je-sbaleny) .compare__filtr { display: flex; }


/* ===== PATIČKA - základ dlaždic sociálních ikon (.social) ===== */

.social { display: inline-flex; align-items: center; justify-content: center;
        width: 40px; height: 40px; border-radius: 12px;
        color: rgba(255,255,255,.96);
        background: rgba(255,255,255,.07);
        border: 1px solid rgba(255,255,255,.12);
        transition: transform .22s var(--ease-out, ease), background .22s ease,
                    color .22s ease, border-color .22s ease; }

.social .ico { width: 19px; height: 19px; }

.social:hover { transform: translateY(-3px);
        color: #fff;
        background: var(--sbg, var(--purple));
        border-color: var(--sbg, var(--purple));
        box-shadow: 0 8px 20px color-mix(in srgb, var(--sbg, var(--purple)) 45%, transparent); }

.social--fb { --sbg: #1877F2; }

.social--ig { --sbg: #E1306C; }

.social--yt { --sbg: #FF0000; }

.social--li { --sbg: #0A66C2; }

.social--pc { --sbg: var(--purple); }

@media (prefers-reduced-motion: reduce) {
    .social:hover { transform: none; }
}


/* ===== LOGA médií a partnerů (bílá, base64; zdroj: Loga firem/) ===== */
.plogo { display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; opacity: .72; transition: opacity .25s; }
a:hover > .plogo, .p2:hover .plogo { opacity: 1; }
.plogo--media-cnn { width: 74px; height: 26px; background-image: url(obrazky/img-b74e2546e2.png); }
.plogo--media-ct24 { width: 77px; height: 24px; background-image: url(obrazky/img-50d00f8942.png); }
.plogo--media-czechcrunch { width: 131px; height: 15px; background-image: url(obrazky/img-535e483149.png); }
.plogo--media-e15 { width: 55px; height: 28px; background-image: url(obrazky/img-4a23d19e44.png); }
.plogo--media-ecommercebridge { width: 76px; height: 25px; background-image: url(obrazky/img-82388677d8.png); }
.plogo--media-forbes { width: 85px; height: 22px; background-image: url(obrazky/img-d31f0fbdfa.png); }
.plogo--media-seznamzpravy { width: 115px; height: 17px; background-image: url(obrazky/img-e00e6a1dc6.png); }
.plogo--media-shopcamp { width: 122px; height: 15px; background-image: url(obrazky/img-5e80abe4bc.png); }
.plogo--media-tnnova { width: 52px; height: 28px; background-image: url(data:image/png;base64,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); }
.plogo--partner-brani { width: 94px; height: 21px; background-image: url(obrazky/img-0c6fc48830.png); }
.plogo--partner-bsshop { width: 83px; height: 23px; background-image: url(obrazky/img-ed6f3e0391.png); }
.plogo--partner-commarec { width: 94px; height: 21px; background-image: url(obrazky/img-77f290869e.png); }
.plogo--partner-datimo { width: 111px; height: 18px; background-image: url(obrazky/img-766feed85c.png); }
.plogo--partner-ecomail { width: 107px; height: 17px; background-image: url(data:image/png;base64,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); }
.plogo--partner-everbot { width: 87px; height: 21px; background-image: url(obrazky/img-a83530c75d.png); }
.plogo--partner-freelo { width: 91px; height: 20px; background-image: url(obrazky/img-2f8f76c557.png); }
.plogo--partner-honzabartos { width: 85px; height: 23px; background-image: url(obrazky/img-616752dfd0.png); }
.plogo--partner-ilincev { width: 93px; height: 21px; background-image: url(obrazky/img-6e40ce2ab8.png); }
.plogo--partner-kvasnickajan { width: 65px; height: 28px; background-image: url(obrazky/img-4a6df10cad.png); }
.plogo--partner-legitas { width: 65px; height: 28px; background-image: url(obrazky/img-5699c485f5.png); }
.plogo--partner-promogen { width: 86px; height: 23px; background-image: url(obrazky/img-bedb547c75.png); }
.plogo--partner-shoptet { width: 84px; height: 22px; background-image: url(obrazky/img-18ed7aebe9.png); }
.plogo--partner-supportbox { width: 95px; height: 20px; background-image: url(obrazky/img-bfe784c0f9.png); }
.plogo--partner-tvujbrand { width: 106px; height: 17px; background-image: url(obrazky/img-04370fea32.png); }
    /* mobil: šipky posuvníku pryč - lezly přes karty; posun prstem + tečky stačí */
    @media (max-width: 700px) { .rev-nav { display: none !important; } }


/* mobilní menu: členská sekce s podkresem + karta Dany (shodné s f16) */
    .mobile-nav__clen
    {
        display: inline-flex; align-items: center; gap: 9px; margin-top: 10px;
        font-size: 15px; font-weight: 800; color: #fff !important; text-decoration: none;
        padding: 12px 20px; border-radius: 50px;
        background: var(--purple); border: 1.5px solid var(--purple);
        box-shadow: 0 10px 24px -12px rgba(91,75,200,.9);
    }
    .mobile-nav__clen .ico { width: 17px; height: 17px; }
    .mobile-nav__dana { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--g100); }
    .mobile-nav__dana-karta { display: flex; align-items: center; gap: 12px; text-decoration: none; }
    .mobile-nav__dana-kolo { position: relative; flex: none; width: 54px; height: 54px; border-radius: 50%; }
    .mobile-nav__dana-kolo img
    {
        width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;
        border: 2px solid #fff; box-shadow: 0 0 0 3px var(--teal, #2DD4BF), 0 10px 22px -10px rgba(0,0,0,.35);
    }
    .mobile-nav__dana-kolo::after
    {
        content: ''; position: absolute; right: -1px; bottom: -1px; width: 14px; height: 14px;
        border-radius: 50%; background: #1EBE78; border: 2.5px solid #fff;
    }
    .mobile-nav__dana-text b { display: block; font-size: 15px; font-weight: 900; color: #241d49; }
    .mobile-nav__dana-text span { display: block; font-size: 13px; font-weight: 600; color: #241d49; margin-top: 2px; }

/* kotvy na podstránkách: přilepená hlavička nesmí zakrýt začátek sekce */
section[id], [id="videoreference"] { scroll-margin-top: 92px; }