
/* ============================================================
   DZEMAN.CZ – CENÍK v2
   ============================================================ */


/* ------------------------------------------------------------
   TYPOGRAFIE POUZE UVNITŘ CENÍKU
   Header tím neovlivňujeme.
   ------------------------------------------------------------ */

.dz-pricing-hero,
.dz-pricing-packages,
.dz-pricing-service,
.dz-pricing-factors,
.dz-pricing-cta,
.dz-pricing-hero *,
.dz-pricing-packages *,
.dz-pricing-service *,
.dz-pricing-factors *,
.dz-pricing-cta * {
    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif !important;
}


/* ============================================================
   HERO
   ============================================================ */

.dz-pricing-hero {
    position: relative;
    overflow: hidden;

    padding:
        clamp(58px, 7vw, 100px)
        0
        clamp(60px, 8vw, 105px);

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(36, 124, 229, .15),
            transparent 28rem
        ),
        radial-gradient(
            circle at 5% 90%,
            rgba(20, 86, 160, .07),
            transparent 25rem
        ),
        linear-gradient(
            180deg,
            #f1f7ff 0%,
            #ffffff 100%
        );
}


.dz-pricing-hero::before {
    content: "";

    position: absolute;

    left: -180px;
    bottom: -250px;

    width: 380px;
    height: 380px;

    border-radius: 50%;

    border:
        1px solid rgba(20,86,160,.08);

    box-shadow:
        0 0 0 50px rgba(20,86,160,.025),
        0 0 0 100px rgba(20,86,160,.014);

    pointer-events: none;
}


.dz-pricing-hero__inner {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .65fr);

    gap:
        clamp(50px, 8vw, 110px);

    align-items: center;
}


.dz-pricing-hero__content {
    max-width: 800px;
}


.dz-pricing-hero__content h1 {
    max-width: 10ch;

    margin:
        0
        0
        30px;

    color: #142033;

    font-size:
        clamp(3.4rem, 6vw, 5.8rem);

    font-weight: 800 !important;

    line-height: .99;

    letter-spacing: -.05em !important;

    text-wrap: balance;
}


.dz-pricing-hero__lead {
    max-width: 720px;

    color: #405368;

    font-size:
        clamp(1.06rem, 1.5vw, 1.2rem);

    line-height: 1.82;
}


.dz-pricing-hero__lead p {
    margin:
        0
        0
        15px !important;
}


.dz-pricing-hero__lead strong {
    color: #173e70;

    font-weight: 800;
}


/* ------------------------------------------------------------
   CENOVÝ HERO PANEL
   ------------------------------------------------------------ */

.dz-pricing-hero__visual {
    display: flex;
    justify-content: flex-end;
}


.dz-pricing-range {
    position: relative;
    overflow: hidden;

    width: min(100%, 410px);

    padding:
        36px
        34px;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            #154987 0%,
            #0b2c55 100%
        );

    color: white;

    box-shadow:
        0 28px 70px rgba(8,32,65,.20);
}


.dz-pricing-range::before {
    content: "";

    position: absolute;

    width: 230px;
    height: 230px;

    right: -110px;
    bottom: -130px;

    border-radius: 50%;

    border:
        1px solid rgba(255,255,255,.09);

    box-shadow:
        0 0 0 42px rgba(255,255,255,.028),
        0 0 0 84px rgba(255,255,255,.017);
}


.dz-pricing-range__small {
    display: block;

    margin-bottom: 22px;

    color: rgba(255,255,255,.58);

    font-size: .74rem;

    font-weight: 800;

    letter-spacing: .11em;

    text-transform: uppercase;
}


.dz-pricing-range > strong {
    position: relative;
    z-index: 1;

    display: block;

    color: white;

    font-size:
        clamp(3rem, 5vw, 4.6rem);

    font-weight: 800;

    line-height: .95;

    letter-spacing: -.055em;
}


.dz-pricing-range > span:not(.dz-pricing-range__small) {
    display: block;

    margin-top: 10px;

    color: #9bd4ff;

    font-size: .95rem;

    font-weight: 700;
}


.dz-pricing-range__line {
    height: 6px;

    margin:
        30px
        0
        21px;

    overflow: hidden;

    border-radius: 999px;

    background: rgba(255,255,255,.12);
}


.dz-pricing-range__line span {
    display: block;

    width: 68%;
    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #64b7ff,
            #ffffff
        );
}


.dz-pricing-range small {
    position: relative;
    z-index: 1;

    display: block;

    max-width: 29ch;

    color: rgba(255,255,255,.58);

    font-size: .78rem;

    line-height: 1.55;
}



/* ============================================================
   NADPISY SEKCÍ
   ============================================================ */

.dz-pricing-section-head {
    max-width: 830px;

    margin-bottom: 46px;
}


.dz-pricing-section-head h2 {
    margin:
        0
        0
        20px;

    color: #142238;

    font-size:
        clamp(2.45rem, 4.2vw, 4.2rem);

    font-weight: 800 !important;

    line-height: 1.04;

    letter-spacing: -.045em !important;

    text-wrap: balance;
}


.dz-pricing-section-head > p:last-child {
    max-width: 740px;

    margin: 0 !important;

    color: #596b7e !important;

    font-size: 1.04rem;

    line-height: 1.78;
}



/* ============================================================
   BALÍČKY
   ============================================================ */

.dz-pricing-packages {
    padding:
        clamp(65px, 8vw, 110px)
        0;

    background: #ffffff;
}


.dz-pricing-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 28px;
}


.dz-price-card {
    position: relative;
    overflow: hidden;

    display: flex;
    flex-direction: column;

    min-height: 100%;

    padding:
        clamp(31px, 4vw, 43px);

    border:
        1px solid rgba(20,86,160,.11);

    border-radius: 30px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    box-shadow:
        0 18px 48px rgba(12,46,90,.07);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


.dz-price-card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(20,86,160,.20);

    box-shadow:
        0 28px 65px rgba(12,46,90,.11);
}


.dz-price-card::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: -120px;
    bottom: -130px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(38,119,222,.10),
            transparent 70%
        );

    pointer-events: none;
}


/* ------------------------------------------------------------
   NEJČASTĚJŠÍ VARIANTA
   ------------------------------------------------------------ */

.dz-price-card--featured {
    border:
        2px solid rgba(31,119,225,.30);

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(72,153,245,.10),
            transparent 15rem
        ),
        linear-gradient(
            180deg,
            #f4faff,
            #ffffff
        );

    box-shadow:
        0 26px 65px rgba(20,86,160,.13);
}


.dz-price-card__badge {
    position: absolute;

    top: 25px;
    right: 25px;

    padding:
        8px
        12px;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            #1456a0,
            #1684e8
        );

    color: white;

    font-size: .68rem;

    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;

    box-shadow:
        0 10px 24px rgba(20,86,160,.18);
}


.dz-price-card__top {
    display: flex;
    flex-direction: column;

    gap: 8px;

    margin-bottom: 26px;
}


.dz-price-card__number {
    color: #1764bd;

    font-size: .78rem;

    font-weight: 850;

    letter-spacing: .09em;
}


.dz-price-card__eyebrow {
    color: #78889a;

    font-size: .72rem;

    font-weight: 750;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.dz-price-card h3 {
    max-width: 16ch;

    margin:
        0
        0
        22px;

    color: #142236;

    font-size:
        clamp(1.8rem, 2.6vw, 2.65rem);

    font-weight: 800 !important;

    line-height: 1.08;

    letter-spacing: -.038em !important;
}


/* ------------------------------------------------------------
   CENA
   ------------------------------------------------------------ */

.dz-price-card__price {
    display: flex;
    flex-wrap: wrap;

    align-items: baseline;

    gap: 9px;

    margin-bottom: 25px;
}


.dz-price-card__price > span:first-child {
    color: #8390a0;

    font-size: .74rem;

    font-weight: 700;

    text-transform: uppercase;
}


.dz-price-card__price strong {
    color: #1456a0;

    font-size:
        clamp(1.6rem, 2.4vw, 2.15rem);

    font-weight: 800;

    letter-spacing: -.035em;
}


.dz-price-card__separator {
    color: #a0acb8;
}


.dz-price-card__description {
    margin:
        0
        0
        25px !important;

    color: #4b5d70 !important;

    font-size: .98rem;

    line-height: 1.76;
}


/* ------------------------------------------------------------
   BODY
   ------------------------------------------------------------ */

.dz-price-card__features {
    display: grid;

    gap: 12px;

    margin:
        0
        0
        27px;

    padding: 0;

    list-style: none;
}


.dz-price-card__features li {
    display: grid;

    grid-template-columns:
        22px
        minmax(0, 1fr);

    gap: 10px;

    align-items: start;

    margin: 0;

    color: #405267;

    font-size: .93rem;

    line-height: 1.58;
}


.dz-price-card__features li span {
    display: grid;

    place-items: center;

    width: 20px;
    height: 20px;

    margin-top: 1px;

    border-radius: 50%;

    background: #e7f3ff;

    color: #1463bd;

    font-size: .69rem;

    font-weight: 900;
}


.dz-price-card__note {
    position: relative;
    z-index: 1;

    margin-top: auto;

    padding:
        15px
        16px;

    border-left:
        3px solid #2c7de1;

    border-radius:
        0
        14px
        14px
        0;

    background: #eff7ff;

    color: #31597f;

    font-size: .87rem;

    font-weight: 650;

    line-height: 1.58;
}



/* ============================================================
   TECHNICKÁ SPRÁVA
   ============================================================ */

.dz-pricing-service {
    position: relative;

    padding:
        clamp(65px, 8vw, 110px)
        0;

    background:
        linear-gradient(
            180deg,
            #f2f7fc,
            #f7faff
        );
}


.dz-pricing-service__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(330px, .72fr);

    gap: 28px;

    align-items: stretch;
}


.dz-management-card {
    position: relative;
    overflow: hidden;

    padding:
        clamp(34px, 5vw, 52px);

    border-radius: 31px;

    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(65,146,238,.25),
            transparent 19rem
        ),
        linear-gradient(
            145deg,
            #123f78,
            #08284e
        );

    color: white;

    box-shadow:
        0 26px 68px rgba(7,31,64,.18);
}


.dz-management-card::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -135px;
    bottom: -160px;

    border-radius: 50%;

    border:
        1px solid rgba(255,255,255,.09);

    box-shadow:
        0 0 0 45px rgba(255,255,255,.027),
        0 0 0 90px rgba(255,255,255,.016);
}


.dz-management-card .dz-eyebrow {
    color: #90d0ff !important;
}


.dz-management-card h2 {
    max-width: 12ch;

    margin:
        0
        0
        22px;

    color: white;

    font-size:
        clamp(2.5rem, 4.2vw, 4.2rem);

    font-weight: 800 !important;

    line-height: 1.03;

    letter-spacing: -.045em !important;
}


.dz-management-card__price {
    display: flex;

    align-items: baseline;

    gap: 12px;

    margin-bottom: 28px;
}


.dz-management-card__price strong {
    color: white;

    font-size:
        clamp(2.7rem, 5vw, 4.6rem);

    font-weight: 800;

    line-height: .93;

    letter-spacing: -.055em;
}


.dz-management-card__price span {
    color: #94cefb;

    font-size: .92rem;

    font-weight: 700;
}


.dz-management-card__lead {
    max-width: 700px;
}


.dz-management-card__lead p {
    color:
        rgba(255,255,255,.72) !important;

    font-size: 1rem;

    line-height: 1.76;
}


.dz-management-card__features {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 11px;

    margin-top: 30px;
}


.dz-management-card__features > div {
    display: flex;

    gap: 10px;

    align-items: center;

    padding:
        12px
        14px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 14px;

    background:
        rgba(255,255,255,.06);

    color:
        rgba(255,255,255,.88);

    font-size: .89rem;

    line-height: 1.4;
}


.dz-management-card__features span {
    color: #8fd2ff;

    font-weight: 900;
}


.dz-management-card__warning {
    position: relative;
    z-index: 1;

    margin-top: 30px;

    padding: 19px;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 18px;

    background:
        rgba(255,255,255,.06);
}


.dz-management-card__warning strong {
    display: block;

    margin-bottom: 7px;

    color: white;
}


.dz-management-card__warning p {
    margin: 0 !important;

    color:
        rgba(255,255,255,.62) !important;

    font-size: .87rem;

    line-height: 1.62;
}



/* ============================================================
   HODINOVKA + KONZULTACE
   ============================================================ */

.dz-pricing-side {
    display: grid;

    grid-template-rows:
        repeat(2, minmax(0, 1fr));

    gap: 28px;
}


.dz-hourly-card,
.dz-consultation-card {
    padding:
        clamp(30px, 4vw, 42px);

    border:
        1px solid rgba(20,86,160,.10);

    border-radius: 29px;

    background: white;

    box-shadow:
        0 17px 46px rgba(12,46,90,.07);
}


.dz-hourly-card h3,
.dz-consultation-card h3 {
    max-width: 15ch;

    margin:
        0
        0
        18px;

    color: #14243a;

    font-size:
        clamp(1.75rem, 2.7vw, 2.55rem);

    font-weight: 800 !important;

    line-height: 1.08;

    letter-spacing: -.038em !important;
}


.dz-hourly-card__price {
    display: flex;

    align-items: baseline;

    gap: 10px;

    margin-bottom: 20px;
}


.dz-hourly-card__price strong {
    color: #1456a0;

    font-size: 2.8rem;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -.045em;
}


.dz-hourly-card__price span {
    color: #76889b;

    font-size: .82rem;

    font-weight: 700;
}


.dz-hourly-card p,
.dz-consultation-card p {
    color: #536679 !important;

    line-height: 1.72;
}


.dz-consultation-card {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(38,124,230,.09),
            transparent 14rem
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #f7fbff
        );
}


.dz-consultation-card a {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: 8px;

    color: #1456a0 !important;

    font-weight: 800;

    text-decoration: none !important;
}



/* ============================================================
   CO OVLIVŇUJE CENU
   ============================================================ */

.dz-pricing-factors {
    padding:
        clamp(65px, 8vw, 110px)
        0;

    background: white;
}


.dz-pricing-factors__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;
}


.dz-pricing-factors__grid article {
    position: relative;

    padding:
        27px
        24px;

    border:
        1px solid rgba(20,86,160,.09);

    border-top:
        4px solid #1c69c9;

    border-radius:
        0
        0
        20px
        20px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f7faff
        );

    box-shadow:
        0 13px 32px rgba(12,46,90,.045);
}


.dz-pricing-factor__number {
    display: inline-block;

    margin-bottom: 25px;

    color: #1767c4;

    font-size: .76rem;

    font-weight: 850;

    letter-spacing: .09em;
}


.dz-pricing-factors__grid h3 {
    margin:
        0
        0
        12px;

    color: #172a41;

    font-size: 1.28rem;

    font-weight: 800 !important;

    line-height: 1.16;

    letter-spacing: -.025em !important;
}


.dz-pricing-factors__grid p {
    margin: 0 !important;

    color: #596a7d !important;

    font-size: .92rem;

    line-height: 1.68;
}



/* ============================================================
   CTA
   ============================================================ */

.dz-pricing-cta {
    padding:
        0
        0
        clamp(70px, 9vw, 115px);

    background: white;
}


.dz-pricing-cta__inner {
    position: relative;
    overflow: hidden;

    padding:
        clamp(34px, 5vw, 55px);

    border-radius: 32px;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(52,139,238,.24),
            transparent 20rem
        ),
        linear-gradient(
            145deg,
            #123f78,
            #08294f
        );

    box-shadow:
        0 26px 65px rgba(8,30,61,.17);
}


.dz-pricing-cta__inner::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -110px;
    bottom: -155px;

    border-radius: 50%;

    border:
        1px solid rgba(255,255,255,.09);

    box-shadow:
        0 0 0 40px rgba(255,255,255,.025),
        0 0 0 80px rgba(255,255,255,.015);
}


.dz-pricing-cta .dz-eyebrow {
    color: #92d1ff !important;
}


.dz-pricing-cta__grid {
    position: relative;
    z-index: 1;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 40px;

    align-items: center;
}


.dz-pricing-cta h2 {
    max-width: 13ch;

    margin:
        0
        0
        16px;

    color: white;

    font-size:
        clamp(2.3rem, 4.2vw, 4.1rem);

    font-weight: 800 !important;

    line-height: 1.03;

    letter-spacing: -.045em !important;
}


.dz-pricing-cta p {
    max-width: 680px;

    margin: 0 !important;

    color:
        rgba(255,255,255,.70) !important;

    font-size: 1rem;

    line-height: 1.72;
}


.dz-pricing-cta__button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 57px;

    padding:
        14px
        25px;

    border-radius: 999px;

    background: white;

    color: #103b70 !important;

    font-weight: 800;

    text-decoration: none !important;

    white-space: nowrap;

    box-shadow:
        0 14px 34px rgba(0,0,0,.15);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.dz-pricing-cta__button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 18px 38px rgba(0,0,0,.18);
}



/* ============================================================
   MOBIL / TABLET
   ============================================================ */

@media (max-width: 1050px) {

    .dz-pricing-factors__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 900px) {

    .dz-pricing-hero__inner {
        grid-template-columns: 1fr;
    }


    .dz-pricing-hero__visual {
        justify-content: flex-start;
    }


    .dz-pricing-range {
        max-width: 520px;
    }


    .dz-pricing-service__grid {
        grid-template-columns: 1fr;
    }


    .dz-pricing-side {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows: auto;
    }

}


@media (max-width: 760px) {

    .dz-pricing-hero {
        padding:
            38px
            0
            52px;
    }


    .dz-pricing-hero__content h1 {
        max-width: 100%;

        font-size:
            clamp(2.8rem, 12vw, 4.2rem);
    }


    .dz-pricing-grid,
    .dz-pricing-side,
    .dz-pricing-factors__grid,
    .dz-pricing-cta__grid {
        grid-template-columns: 1fr;
    }


    .dz-price-card {
        padding:
            27px
            22px;

        border-radius: 24px;
    }


    .dz-price-card__badge {
        position: static;

        width: fit-content;

        margin-bottom: 17px;
    }


    .dz-management-card,
    .dz-hourly-card,
    .dz-consultation-card,
    .dz-pricing-cta__inner {
        border-radius: 24px;
    }


    .dz-management-card {
        padding:
            28px
            22px;
    }


    .dz-management-card__features {
        grid-template-columns: 1fr;
    }


    .dz-pricing-cta__button {
        width: 100%;
    }

}



/* ============================================================
   CENÍK – TYPOGRAFICKÉ OPRAVY
   ============================================================ */


/* ------------------------------------------------------------
   ČÍSLA A MĚNA SE NIKDY NESMÍ ROZDĚLIT
   ------------------------------------------------------------ */

.dz-pricing-hero__lead strong,
.dz-price-card__price strong,
.dz-management-card__price strong,
.dz-hourly-card__price strong {
    white-space: nowrap !important;
}


/* ------------------------------------------------------------
   HERO: 9 – 20 tis.
   ------------------------------------------------------------ */

.dz-pricing-range__amount {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: baseline;

    flex-wrap: nowrap;

    gap: .16em;

    white-space: nowrap;

    margin: 0;

    color: white;
}


.dz-pricing-range__amount strong {
    display: inline-block;

    color: white;

    font-size:
        clamp(3rem, 5vw, 4.6rem);

    font-weight: 800;

    line-height: .95;

    letter-spacing: -.055em;

    white-space: nowrap;
}


.dz-pricing-range__dash {
    display: inline-block;

    margin:
        0
        .08em;

    color:
        rgba(255,255,255,.82);

    font-size:
        clamp(2.1rem, 3.5vw, 3.2rem);

    font-weight: 400;

    line-height: 1;

    transform:
        translateY(-.05em);
}


.dz-pricing-range__thousands {
    display: inline-block;

    margin-left: .02em;

    color: white !important;

    font-size:
        clamp(1.4rem, 2.3vw, 2rem) !important;

    font-weight: 750 !important;

    line-height: 1;

    white-space: nowrap;
}


.dz-pricing-range__caption {
    display: block !important;

    margin-top: 12px !important;

    color: #9bd4ff !important;

    font-size: .95rem !important;

    font-weight: 700 !important;
}


/*
   Staré pravidlo pro přímý strong v panelu už
   po nové struktuře nepotřebujeme.
*/

.dz-pricing-range > strong {
    font-size: inherit;
}


/* ------------------------------------------------------------
   CENY V JEDNOTLIVÝCH KARTÁCH
   ------------------------------------------------------------ */

.dz-price-card__price {
    display: flex;

    flex-wrap: wrap;

    align-items: center !important;

    column-gap: 9px;
    row-gap: 6px;

    margin-bottom: 25px;
}


.dz-price-card__price > span:first-child {
    display: inline-flex;

    align-items: center;

    align-self: center;

    margin-right: 1px;

    line-height: 1;

    transform: translateY(.05em);
}


.dz-price-card__price strong {
    display: inline-block;

    line-height: 1 !important;

    white-space: nowrap !important;
}


/*
   Pomlčka má vlastní výšku a je zarovnaná
   geometricky doprostřed čísel.
*/

.dz-price-card__separator {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    align-self: center;

    margin:
        0
        1px;

    color: #8e9dad;

    font-size:
        1.35rem;

    font-weight: 400;

    line-height: 1;

    transform:
        translateY(-.04em);
}


/* ------------------------------------------------------------
   DALŠÍ CENY
   ------------------------------------------------------------ */

.dz-management-card__price,
.dz-hourly-card__price {
    flex-wrap: nowrap;
}


.dz-management-card__price strong,
.dz-management-card__price span,
.dz-hourly-card__price strong,
.dz-hourly-card__price span {
    white-space: nowrap;
}


/* ------------------------------------------------------------
   MOBIL
   ------------------------------------------------------------ */

@media (max-width: 460px) {

    .dz-price-card__price {
        column-gap: 7px;
    }


    .dz-price-card__price strong {
        font-size:
            clamp(1.45rem, 7vw, 1.9rem);
    }


    .dz-price-card__separator {
        font-size: 1.15rem;
    }


    .dz-pricing-range__amount {
        gap: .12em;
    }

}




/* ============================================================
   CENÍK – TYPOGRAFICKÉ OPRAVY
   ============================================================ */


/* ------------------------------------------------------------
   ČÍSLA A MĚNA SE NIKDY NESMÍ ROZDĚLIT
   ------------------------------------------------------------ */

.dz-pricing-hero__lead strong,
.dz-price-card__price strong,
.dz-management-card__price strong,
.dz-hourly-card__price strong {
    white-space: nowrap !important;
}


/* ------------------------------------------------------------
   HERO: 9 – 20 tis.
   ------------------------------------------------------------ */

.dz-pricing-range__amount {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: baseline;

    flex-wrap: nowrap;

    gap: .16em;

    white-space: nowrap;

    margin: 0;

    color: white;
}


.dz-pricing-range__amount strong {
    display: inline-block;

    color: white;

    font-size:
        clamp(3rem, 5vw, 4.6rem);

    font-weight: 800;

    line-height: .95;

    letter-spacing: -.055em;

    white-space: nowrap;
}


.dz-pricing-range__dash {
    display: inline-block;

    margin:
        0
        .08em;

    color:
        rgba(255,255,255,.82);

    font-size:
        clamp(2.1rem, 3.5vw, 3.2rem);

    font-weight: 400;

    line-height: 1;

    transform:
        translateY(-.05em);
}


.dz-pricing-range__thousands {
    display: inline-block;

    margin-left: .02em;

    color: white !important;

    font-size:
        clamp(1.4rem, 2.3vw, 2rem) !important;

    font-weight: 750 !important;

    line-height: 1;

    white-space: nowrap;
}


.dz-pricing-range__caption {
    display: block !important;

    margin-top: 12px !important;

    color: #9bd4ff !important;

    font-size: .95rem !important;

    font-weight: 700 !important;
}


/*
   Staré pravidlo pro přímý strong v panelu už
   po nové struktuře nepotřebujeme.
*/

.dz-pricing-range > strong {
    font-size: inherit;
}


/* ------------------------------------------------------------
   CENY V JEDNOTLIVÝCH KARTÁCH
   ------------------------------------------------------------ */

.dz-price-card__price {
    display: flex;

    flex-wrap: wrap;

    align-items: center !important;

    column-gap: 9px;
    row-gap: 6px;

    margin-bottom: 25px;
}


.dz-price-card__price > span:first-child {
    display: inline-flex;

    align-items: center;

    align-self: center;

    margin-right: 1px;

    line-height: 1;

    transform: translateY(.05em);
}


.dz-price-card__price strong {
    display: inline-block;

    line-height: 1 !important;

    white-space: nowrap !important;
}


/*
   Pomlčka má vlastní výšku a je zarovnaná
   geometricky doprostřed čísel.
*/

.dz-price-card__separator {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    align-self: center;

    margin:
        0
        1px;

    color: #8e9dad;

    font-size:
        1.35rem;

    font-weight: 400;

    line-height: 1;

    transform:
        translateY(-.04em);
}


/* ------------------------------------------------------------
   DALŠÍ CENY
   ------------------------------------------------------------ */

.dz-management-card__price,
.dz-hourly-card__price {
    flex-wrap: nowrap;
}


.dz-management-card__price strong,
.dz-management-card__price span,
.dz-hourly-card__price strong,
.dz-hourly-card__price span {
    white-space: nowrap;
}


/* ------------------------------------------------------------
   MOBIL
   ------------------------------------------------------------ */

@media (max-width: 460px) {

    .dz-price-card__price {
        column-gap: 7px;
    }


    .dz-price-card__price strong {
        font-size:
            clamp(1.45rem, 7vw, 1.9rem);
    }


    .dz-price-card__separator {
        font-size: 1.15rem;
    }


    .dz-pricing-range__amount {
        gap: .12em;
    }

}

