/* =========================================================
   PAROLEK SHOP – VELKOOBCHOD / B2B
   Kompletní CSS
   ========================================================= */

#parolek-vo-page-v1 {
    --pvo-teal: #12b8b5;
    --pvo-teal-dark: #0ca6a3;
    --pvo-teal-soft: #e7f8f7;

    --pvo-black: #202020;
    --pvo-text: #777777;
    --pvo-border: #dddddd;
    --pvo-soft: #f6f6f6;
    --pvo-white: #ffffff;

    --pvo-radius: 10px;
    --pvo-radius-lg: 14px;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    color: var(--pvo-black);
    box-sizing: border-box;
}

#parolek-vo-page-v1 *,
#parolek-vo-page-v1 *::before,
#parolek-vo-page-v1 *::after {
    box-sizing: border-box;
}

#parolek-vo-page-v1 img {
    max-width: 100%;
}

#parolek-vo-page-v1 h1,
#parolek-vo-page-v1 h2,
#parolek-vo-page-v1 h3,
#parolek-vo-page-v1 p,
#parolek-vo-page-v1 ul {
    margin-top: 0;
}

#parolek-vo-page-v1 h1,
#parolek-vo-page-v1 h2,
#parolek-vo-page-v1 h3 {
    color: var(--pvo-black);
    font-weight: 700;
    line-height: 1.12;
}


/* =========================================================
   SPOLEČNÉ PRVKY
   ========================================================= */

#parolek-vo-page-v1 .pvo-eyebrow {
    margin-bottom: 14px;

    color: var(--pvo-teal);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#parolek-vo-page-v1 .pvo-section {
    margin-top: 70px;
}

#parolek-vo-page-v1 .pvo-section__head {
    margin: 0 auto 34px;

    text-align: center;
}

#parolek-vo-page-v1 .pvo-section__head h2 {
    margin-bottom: 0;

    font-size: 32px;
}

#parolek-vo-page-v1 .pvo-section__head p {
    margin: 14px auto 0;

    color: var(--pvo-text);

    font-size: 16px;
    line-height: 1.55;
}

#parolek-vo-page-v1 .pvo-section__lead {
    color: #999999 !important;
}

#parolek-vo-page-v1 .pvo-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;
    margin-top: 28px;
}

#parolek-vo-page-v1 .pvo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;
    padding: 0 22px;

    border: 1px solid transparent;
    border-radius: 5px;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

#parolek-vo-page-v1 .pvo-btn:hover {
    transform: translateY(-1px);
}

#parolek-vo-page-v1 .pvo-btn--primary {
    background: var(--pvo-teal);
    border-color: var(--pvo-teal);

    color: #ffffff !important;
}

#parolek-vo-page-v1 .pvo-btn--primary:hover {
    background: var(--pvo-teal-dark);
    border-color: var(--pvo-teal-dark);
}

#parolek-vo-page-v1 .pvo-btn--secondary {
    background: transparent;
    border-color: #bdbdbd;

    color: var(--pvo-black) !important;
}

#parolek-vo-page-v1 .pvo-btn--secondary:hover {
    background: #ffffff;
    border-color: #888888;
}


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

#parolek-vo-page-v1 .pvo-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;

    overflow: hidden;

    min-height: 490px;
    margin-top: 20px;

    background: var(--pvo-soft);

    border-radius: var(--pvo-radius-lg);
}

#parolek-vo-page-v1 .pvo-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 42px 48px;
}

#parolek-vo-page-v1 .pvo-hero__title {
    max-width: 500px;
    margin-bottom: 18px;

    font-size: 42px;
    line-height: 1.06;
}

#parolek-vo-page-v1 .pvo-hero__text {
    max-width: 520px;
    margin-bottom: 18px;

    color: var(--pvo-text);

    font-size: 15px;
    line-height: 1.5;
}

#parolek-vo-page-v1 .pvo-hero__points {
    display: grid;

    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}

#parolek-vo-page-v1 .pvo-hero__points li {
    position: relative;

    padding-left: 24px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

#parolek-vo-page-v1 .pvo-hero__points li::before {
    content: "✓";

    position: absolute;
    left: 0;
    top: 0;

    color: var(--pvo-teal);

    font-size: 16px;
    font-weight: 700;
}

#parolek-vo-page-v1 .pvo-hero .pvo-actions {
    margin-top: 22px;
}

#parolek-vo-page-v1 .pvo-hero__media {
    overflow: hidden;
}

#parolek-vo-page-v1 .pvo-hero__media img {
    display: block;

    width: 100% !important;
    height: 100% !important;
    min-height: 490px !important;

    object-fit: cover !important;
}


/* =========================================================
   BENEFITY – CO VÁM SPOLUPRÁCE USNADNÍ
   ========================================================= */

#parolek-vo-page-v1 .pvo-benefits-section {
    padding-top: 4px;
}

#parolek-vo-page-v1 .pvo-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}

#parolek-vo-page-v1 .pvo-benefit {
    min-width: 0;
    min-height: 235px;

    padding: 26px 25px;

    background: #ffffff;

    border: 1px solid var(--pvo-border);
    border-radius: var(--pvo-radius);

    text-align: left;
}

#parolek-vo-page-v1 .pvo-benefit__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin-bottom: 22px;

    background: var(--pvo-teal-soft);

    border-radius: 50%;

    font-size: 0;
    line-height: 0;
}

#parolek-vo-page-v1 .pvo-benefit__icon::before {
    content: "";

    display: block;

    width: 22px;
    height: 22px;

    background-color: var(--pvo-teal);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* 1. PROCENTO */

#parolek-vo-page-v1 .pvo-benefit:nth-child(1) .pvo-benefit__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3a4 4 0 1 0 0 8a4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4a2 2 0 0 1 0-4Zm10 8a4 4 0 1 0 0 8a4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4a2 2 0 0 1 0-4ZM18.3 3.3L3.3 18.3l1.4 1.4l15-15l-1.4-1.4Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3a4 4 0 1 0 0 8a4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4a2 2 0 0 1 0-4Zm10 8a4 4 0 1 0 0 8a4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4a2 2 0 0 1 0-4ZM18.3 3.3L3.3 18.3l1.4 1.4l15-15l-1.4-1.4Z'/%3E%3C/svg%3E");
}


/* 2. KRABICE / SKLAD */

#parolek-vo-page-v1 .pvo-benefit:nth-child(2) .pvo-benefit__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2l9 5v10l-9 5l-9-5V7l9-5Zm0 2.3L5.4 8L12 11.7L18.6 8L12 4.3ZM5 9.7v6.1l6 3.3v-6.1L5 9.7Zm8 9.4l6-3.3V9.7l-6 3.3v6.1Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2l9 5v10l-9 5l-9-5V7l9-5Zm0 2.3L5.4 8L12 11.7L18.6 8L12 4.3ZM5 9.7v6.1l6 3.3v-6.1L5 9.7Zm8 9.4l6-3.3V9.7l-6 3.3v6.1Z'/%3E%3C/svg%3E");
}


/* 3. DOPRAVA */

#parolek-vo-page-v1 .pvo-benefit:nth-child(3) .pvo-benefit__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h11v4h3.5L21 13v5h-2.1a3 3 0 0 1-5.8 0H9.9a3 3 0 0 1-5.8 0H2V7a2 2 0 0 1 1-2Zm1 2v8h.8a3 3 0 0 1 4.4 0H12V7H4Zm10 4v4h.1a3 3 0 0 1 4.8 1H19v-2.2L16.6 11H14ZM7 16.5A1.5 1.5 0 1 0 7 19a1.5 1.5 0 0 0 0-2.5Zm9 0a1.5 1.5 0 1 0 0 2.5a1.5 1.5 0 0 0 0-2.5Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h11v4h3.5L21 13v5h-2.1a3 3 0 0 1-5.8 0H9.9a3 3 0 0 1-5.8 0H2V7a2 2 0 0 1 1-2Zm1 2v8h.8a3 3 0 0 1 4.4 0H12V7H4Zm10 4v4h.1a3 3 0 0 1 4.8 1H19v-2.2L16.6 11H14ZM7 16.5A1.5 1.5 0 1 0 7 19a1.5 1.5 0 0 0 0-2.5Zm9 0a1.5 1.5 0 1 0 0 2.5a1.5 1.5 0 0 0 0-2.5Z'/%3E%3C/svg%3E");
}


/* 4. PORADENSTVÍ / HEADSET */

#parolek-vo-page-v1 .pvo-benefit:nth-child(4) .pvo-benefit__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 0-8 8v6a2 2 0 0 0 2 2h3v-7H6v-1a6 6 0 0 1 12 0v1h-3v7h2.2a5.2 5.2 0 0 1-4.2 2H11v2h2a7.2 7.2 0 0 0 7-5.4V11a8 8 0 0 0-8-8ZM6 14h1v3H6v-3Zm11 0h1v3h-1v-3Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 0-8 8v6a2 2 0 0 0 2 2h3v-7H6v-1a6 6 0 0 1 12 0v1h-3v7h2.2a5.2 5.2 0 0 1-4.2 2H11v2h2a7.2 7.2 0 0 0 7-5.4V11a8 8 0 0 0-8-8ZM6 14h1v3H6v-3Zm11 0h1v3h-1v-3Z'/%3E%3C/svg%3E");
}

#parolek-vo-page-v1 .pvo-benefit h3 {
    margin-bottom: 11px;

    font-size: 18px;
    line-height: 1.18;
}

#parolek-vo-page-v1 .pvo-benefit p {
    margin-bottom: 0;

    color: var(--pvo-text);

    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   JAK ZAČÍT SPOLUPRÁCI
   ========================================================= */

#parolek-vo-page-v1 .pvo-section--soft {
    padding: 54px 55px;

    background: var(--pvo-soft);

    border-radius: var(--pvo-radius-lg);
}

#parolek-vo-page-v1 .pvo-start {
    position: relative;
}

#parolek-vo-page-v1 .pvo-start__head {
    margin-bottom: 42px;
}

#parolek-vo-page-v1 .pvo-start__head .pvo-eyebrow {
    margin-bottom: 11px;
}

#parolek-vo-page-v1 .pvo-start__head h2 {
    font-size: 34px;
}

#parolek-vo-page-v1 .pvo-start__head .pvo-section__lead {
    margin-top: 11px;

    font-size: 16px;
}

#parolek-vo-page-v1 .pvo-start__steps {
    position: relative;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 34px;
}

#parolek-vo-page-v1 .pvo-start__steps::before {
    content: "";

    position: absolute;

    top: 17px;
    left: 15%;
    right: 15%;

    height: 1px;

    background: #b8e9e7;
}

#parolek-vo-page-v1 .pvo-start-step {
    position: relative;
    z-index: 1;

    text-align: center;
}

#parolek-vo-page-v1 .pvo-start-step__number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    margin: 0 auto 20px;

    background: var(--pvo-teal);

    border-radius: 50%;

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
}

#parolek-vo-page-v1 .pvo-start-step__body h3 {
    margin-bottom: 10px;

    font-size: 18px;
}

#parolek-vo-page-v1 .pvo-start-step__body p {
    max-width: 310px;
    margin: 0 auto;

    color: var(--pvo-text);

    font-size: 14px;
    line-height: 1.55;
}

#parolek-vo-page-v1 .pvo-start-info {
    display: flex;
    align-items: center;

    gap: 20px;

    max-width: 780px;

    margin: 42px auto 0;
    padding: 20px 24px;

    background: #ffffff;

    border: 1px solid var(--pvo-border);
    border-radius: 9px;
}

#parolek-vo-page-v1 .pvo-start-info__icon {
    flex: 0 0 auto;

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

    width: 46px;
    height: 46px;

    background: var(--pvo-teal-soft);

    border-radius: 50%;

    font-size: 0;
}

#parolek-vo-page-v1 .pvo-start-info__icon::before {
    content: "";

    width: 22px;
    height: 22px;

    background-color: var(--pvo-teal);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 2v.5l9 5.7l9-5.7V7H3Zm18 10V9.9l-9 5.7l-9-5.7V17h18Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 2v.5l9 5.7l9-5.7V7H3Zm18 10V9.9l-9 5.7l-9-5.7V17h18Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

#parolek-vo-page-v1 .pvo-start-info__content {
    min-width: 0;
}

#parolek-vo-page-v1 .pvo-start-info__content strong {
    display: block;

    margin-bottom: 4px;

    color: var(--pvo-black);

    font-size: 15px;
    line-height: 1.3;
}

#parolek-vo-page-v1 .pvo-start-info__content p {
    margin: 0;

    color: var(--pvo-text);

    font-size: 14px;
    line-height: 1.45;
}

#parolek-vo-page-v1 .pvo-start__actions {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-top: 30px;
}

#parolek-vo-page-v1 .pvo-start__contact {
    display: inline-block;

    margin-top: 12px;

    color: #777777 !important;

    font-size: 13px;

    text-decoration: underline !important;
}


/* =========================================================
   ZÁZEMÍ PRO REALIZACE
   ========================================================= */

#parolek-vo-page-v1 .pvo-feature {
    display: grid;
    grid-template-columns: 1fr 1fr;

    overflow: hidden;

    margin-top: 70px;

    background: var(--pvo-soft);

    border-radius: var(--pvo-radius-lg);
}

#parolek-vo-page-v1 .pvo-feature__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 50px 48px;
}

#parolek-vo-page-v1 .pvo-feature__content h2 {
    margin-bottom: 24px;

    font-size: 32px;
}

#parolek-vo-page-v1 .pvo-checklist {
    display: grid;

    gap: 13px;

    margin: 0;
    padding: 0;

    list-style: none;
}

#parolek-vo-page-v1 .pvo-checklist li {
    position: relative;

    padding-left: 27px;

    color: #666666;

    font-size: 15px;
    line-height: 1.45;
}

#parolek-vo-page-v1 .pvo-checklist li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: var(--pvo-teal);

    font-size: 17px;
    font-weight: 700;
}

#parolek-vo-page-v1 .pvo-feature__media {
    overflow: hidden;
}

#parolek-vo-page-v1 .pvo-feature__media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;

    object-fit: cover !important;
}


/* =========================================================
   PARTNEŘI
   ========================================================= */

#parolek-vo-page-v1 .pvo-partners .pvo-section__head {
    max-width: 760px;
}

#parolek-vo-page-v1 .pvo-partner-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 16px;
}

#parolek-vo-page-v1 .pvo-partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 160px;

    padding: 24px;

    background: #ffffff;

    border: 1px solid var(--pvo-border);
    border-radius: 8px;

    text-align: center;
}

#parolek-vo-page-v1 .pvo-partner__logo {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 82px;

    margin-bottom: 14px;
}

#parolek-vo-page-v1 .pvo-partner__logo img {
    width: auto !important;
    height: auto !important;

    max-width: 180px !important;
    max-height: 80px !important;

    object-fit: contain;
}

#parolek-vo-page-v1 .pvo-partner strong {
    color: var(--pvo-black);

    font-size: 14px;
    line-height: 1.35;
}


/* =========================================================
   ZÁVĚREČNÝ KONTAKT
   ========================================================= */

#parolek-vo-page-v1 .pvo-contact {
    display: grid;
    grid-template-columns: 42% 58%;

    overflow: hidden;

    margin-top: 65px;

    background: #202020;

    border-radius: var(--pvo-radius-lg);
}

#parolek-vo-page-v1 .pvo-contact__media {
    overflow: hidden;
}

#parolek-vo-page-v1 .pvo-contact__media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;

    object-fit: cover !important;
}

#parolek-vo-page-v1 .pvo-contact__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 46px 52px;
}

#parolek-vo-page-v1 .pvo-contact__content h2 {
    max-width: 540px;

    margin-bottom: 18px;

    color: #ffffff;

    font-size: 34px;
}

#parolek-vo-page-v1 .pvo-contact__content p {
    max-width: 610px;

    margin-bottom: 0;

    color: #d0d0d0;

    font-size: 15px;
    line-height: 1.55;
}

#parolek-vo-page-v1 .pvo-contact .pvo-btn--secondary {
    border-color: #ffffff;

    color: #ffffff !important;
}

#parolek-vo-page-v1 .pvo-contact .pvo-btn--secondary:hover {
    background: #ffffff;

    color: #202020 !important;
}


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

@media (max-width: 992px) {

    #parolek-vo-page-v1 {
        padding-left: 16px;
        padding-right: 16px;
    }


    /* HERO */

    #parolek-vo-page-v1 .pvo-hero {
        min-height: 470px;
    }

    #parolek-vo-page-v1 .pvo-hero__content {
        padding: 38px 34px;
    }

    #parolek-vo-page-v1 .pvo-hero__title {
        font-size: 36px;
    }

    #parolek-vo-page-v1 .pvo-hero__text {
        font-size: 14px;
    }

    #parolek-vo-page-v1 .pvo-hero__media img {
        min-height: 470px !important;
    }


    /* BENEFITY */

    #parolek-vo-page-v1 .pvo-benefits {
        grid-template-columns: repeat(2, 1fr);
    }

    #parolek-vo-page-v1 .pvo-benefit {
        min-height: 210px;
    }


    /* ZÁZEMÍ */

    #parolek-vo-page-v1 .pvo-feature__content {
        padding: 42px 34px;
    }


    /* PARTNEŘI */

    #parolek-vo-page-v1 .pvo-partner {
        min-height: 145px;
    }


    /* KONTAKT */

    #parolek-vo-page-v1 .pvo-contact__content {
        padding: 40px 34px;
    }
}


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

@media (max-width: 767px) {

    #parolek-vo-page-v1 {
        width: 100%;

        padding: 0 20px;
    }


    /* -----------------------------------------
       OBECNÉ MEZERY
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-section {
        margin-top: 46px;
    }

    #parolek-vo-page-v1 .pvo-section__head {
        margin-bottom: 24px;
    }

    #parolek-vo-page-v1 .pvo-eyebrow {
        margin-bottom: 9px;

        font-size: 12px;
        line-height: 1.25;
        letter-spacing: 0.035em;
    }

    #parolek-vo-page-v1 .pvo-section__head h2 {
        font-size: 27px;
        line-height: 1.12;
    }


    /* -----------------------------------------
       HERO
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-hero {
        display: flex;
        flex-direction: column;

        min-height: 0;

        margin-top: 12px;

        overflow: hidden;

        background: var(--pvo-soft);

        border-radius: 12px;
    }

    #parolek-vo-page-v1 .pvo-hero__content {
        padding: 27px 24px 28px;
    }

    #parolek-vo-page-v1 .pvo-hero__title {
        margin-bottom: 15px;

        font-size: 31px;
        line-height: 1.07;
    }

    #parolek-vo-page-v1 .pvo-hero__text {
        margin-bottom: 17px;

        font-size: 15px;
        line-height: 1.48;
    }

    #parolek-vo-page-v1 .pvo-hero__points {
        gap: 8px;
    }

    #parolek-vo-page-v1 .pvo-hero__points li {
        padding-left: 23px;

        font-size: 14px;
        line-height: 1.4;
    }

    #parolek-vo-page-v1 .pvo-actions {
        display: grid;
        grid-template-columns: 1fr;

        gap: 10px;

        margin-top: 22px;
    }

    #parolek-vo-page-v1 .pvo-btn {
        width: 100%;

        min-height: 48px;

        padding: 0 14px;

        font-size: 14px;
    }

    #parolek-vo-page-v1 .pvo-hero__media {
        width: 100%;

        overflow: hidden;
    }

    #parolek-vo-page-v1 .pvo-hero__media img {
        display: block;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 1 / 0.88;

        object-fit: cover !important;
    }


    /* -----------------------------------------
       BENEFITY
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-benefits-section {
        padding-top: 0;
    }

    #parolek-vo-page-v1 .pvo-benefits-section .pvo-section__head {
        margin-bottom: 22px;
    }

    #parolek-vo-page-v1 .pvo-benefits-section .pvo-section__head h2 {
        max-width: 330px;

        margin-left: auto;
        margin-right: auto;

        font-size: 27px;
        line-height: 1.12;
    }

    #parolek-vo-page-v1 .pvo-benefits {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    #parolek-vo-page-v1 .pvo-benefit {
        min-height: 0;

        padding: 21px 22px 22px;

        border-radius: 9px;
    }

    #parolek-vo-page-v1 .pvo-benefit__icon {
        width: 42px;
        height: 42px;

        margin-bottom: 17px;
    }

    #parolek-vo-page-v1 .pvo-benefit__icon::before {
        width: 20px;
        height: 20px;
    }

    #parolek-vo-page-v1 .pvo-benefit h3 {
        margin-bottom: 7px;

        font-size: 19px;
        line-height: 1.18;
    }

    #parolek-vo-page-v1 .pvo-benefit p {
        font-size: 15px;
        line-height: 1.45;
    }


    /* -----------------------------------------
       JAK ZAČÍT SPOLUPRÁCI
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-section--soft {
        padding: 30px 24px 32px;

        border-radius: 12px;
    }

    #parolek-vo-page-v1 .pvo-start {
        margin-top: 46px;
    }

    #parolek-vo-page-v1 .pvo-start__head {
        margin-bottom: 31px;
    }

    #parolek-vo-page-v1 .pvo-start__head h2 {
        font-size: 28px;
        line-height: 1.1;
    }

    #parolek-vo-page-v1 .pvo-start__head .pvo-section__lead {
        margin-top: 8px;

        font-size: 15px;
    }

    #parolek-vo-page-v1 .pvo-start__steps {
        display: flex;
        flex-direction: column;

        gap: 25px;
    }

    #parolek-vo-page-v1 .pvo-start__steps::before {
        top: 23px;
        bottom: 23px;
        left: 20px;
        right: auto;

        width: 2px;
        height: auto;

        background: #d8eeee;
    }

    #parolek-vo-page-v1 .pvo-start-step {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);

        gap: 17px;

        text-align: left;
    }

    #parolek-vo-page-v1 .pvo-start-step__number {
        width: 42px;
        height: 42px;

        margin: 0;

        font-size: 14px;

        box-shadow: 0 0 0 5px var(--pvo-soft);
    }

    #parolek-vo-page-v1 .pvo-start-step__body {
        padding-top: 2px;
    }

    #parolek-vo-page-v1 .pvo-start-step__body h3 {
        margin-bottom: 5px;

        font-size: 20px;
        line-height: 1.18;
    }

    #parolek-vo-page-v1 .pvo-start-step__body p {
        max-width: none;

        margin: 0;

        font-size: 15px;
        line-height: 1.48;

        text-align: left;
    }

    #parolek-vo-page-v1 .pvo-start-info {
        align-items: flex-start;

        gap: 15px;

        margin-top: 30px;
        padding: 18px;

        border-radius: 9px;
    }

    #parolek-vo-page-v1 .pvo-start-info__icon {
        width: 40px;
        height: 40px;
    }

    #parolek-vo-page-v1 .pvo-start-info__icon::before {
        width: 20px;
        height: 20px;
    }

    #parolek-vo-page-v1 .pvo-start-info__content strong {
        margin-bottom: 5px;

        font-size: 16px;
        line-height: 1.3;
    }

    #parolek-vo-page-v1 .pvo-start-info__content p {
        font-size: 14px;
        line-height: 1.45;
    }

    #parolek-vo-page-v1 .pvo-start__actions {
        margin-top: 23px;
    }

    #parolek-vo-page-v1 .pvo-start__contact {
        margin-top: 12px;

        font-size: 14px;

        text-align: center;
    }


    /* -----------------------------------------
       ZÁZEMÍ
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-feature {
        display: flex;
        flex-direction: column;

        margin-top: 46px;

        border-radius: 12px;
    }

    #parolek-vo-page-v1 .pvo-feature__content {
        padding: 30px 25px 34px;
    }

    #parolek-vo-page-v1 .pvo-feature__content h2 {
        margin-bottom: 24px;

        font-size: 30px;
        line-height: 1.08;
    }

    #parolek-vo-page-v1 .pvo-checklist {
        gap: 14px;
    }

    #parolek-vo-page-v1 .pvo-checklist li {
        padding-left: 26px;

        font-size: 15px;
        line-height: 1.45;
    }

    #parolek-vo-page-v1 .pvo-feature__media img {
        min-height: 0 !important;
        height: auto !important;

        aspect-ratio: 1.2 / 1;

        object-fit: cover !important;
    }


    /* -----------------------------------------
       PARTNEŘI
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    #parolek-vo-page-v1 .pvo-partner {
        min-height: 135px;

        padding: 17px 12px;

        border-radius: 8px;
    }

    #parolek-vo-page-v1 .pvo-partner__logo {
        min-height: 65px;

        margin-bottom: 9px;
    }

    #parolek-vo-page-v1 .pvo-partner__logo img {
        max-width: 125px !important;
        max-height: 60px !important;
    }

    #parolek-vo-page-v1 .pvo-partner strong {
        font-size: 12px;
        line-height: 1.3;
    }


    /* -----------------------------------------
       KONTAKT
       ----------------------------------------- */

    #parolek-vo-page-v1 .pvo-contact {
        display: flex;
        flex-direction: column;

        margin-top: 46px;

        border-radius: 12px;
    }

    #parolek-vo-page-v1 .pvo-contact__media img {
        min-height: 0 !important;
        height: auto !important;

        aspect-ratio: 1 / 0.78;

        object-fit: cover !important;
    }

    #parolek-vo-page-v1 .pvo-contact__content {
        padding: 30px 25px 34px;
    }

    #parolek-vo-page-v1 .pvo-contact__content h2 {
        margin-bottom: 16px;

        font-size: 30px;
        line-height: 1.08;
    }

    #parolek-vo-page-v1 .pvo-contact__content p {
        font-size: 15px;
        line-height: 1.5;
    }
}


/* =========================================================
   MENŠÍ MOBILY
   ========================================================= */

@media (max-width: 420px) {

    #parolek-vo-page-v1 {
        padding-left: 14px;
        padding-right: 14px;
    }


    /* HERO */

    #parolek-vo-page-v1 .pvo-hero {
        border-radius: 11px;
    }

    #parolek-vo-page-v1 .pvo-hero__content {
        padding-left: 21px;
        padding-right: 21px;
    }

    #parolek-vo-page-v1 .pvo-hero__title {
        font-size: 29px;
    }

    #parolek-vo-page-v1 .pvo-hero__media img {
        aspect-ratio: 1 / 0.9;
    }


    /* OBECNÉ */

    #parolek-vo-page-v1 .pvo-section__head h2,
    #parolek-vo-page-v1 .pvo-benefits-section .pvo-section__head h2 {
        font-size: 25px;
    }

    #parolek-vo-page-v1 .pvo-section--soft {
        padding-left: 20px;
        padding-right: 20px;
    }

    #parolek-vo-page-v1 .pvo-start__head h2 {
        font-size: 26px;
    }

    #parolek-vo-page-v1 .pvo-feature__content h2,
    #parolek-vo-page-v1 .pvo-contact__content h2 {
        font-size: 28px;
    }
}

/* =========================================================
   HERO – DESKTOP FINAL COMPACT
   Mobilu se tato úprava vůbec netýká
   ========================================================= */

@media (min-width: 993px) {

    #parolek-vo-page-v1 .pvo-hero {
        grid-template-columns: 52% 48%;

        height: 440px;
        min-height: 440px;
        max-height: 440px;

        overflow: hidden;
    }

    #parolek-vo-page-v1 .pvo-hero__content {
        padding: 30px 42px;
    }

    #parolek-vo-page-v1 .pvo-hero__title {
        max-width: 540px;

        margin-bottom: 14px;

        font-size: 37px;
        line-height: 1.05;
    }

    #parolek-vo-page-v1 .pvo-hero__text {
        max-width: 540px;

        margin-bottom: 14px;

        font-size: 14px;
        line-height: 1.45;
    }

    #parolek-vo-page-v1 .pvo-hero__points {
        gap: 6px;
    }

    #parolek-vo-page-v1 .pvo-hero__points li {
        font-size: 13px;
        line-height: 1.35;
    }

    #parolek-vo-page-v1 .pvo-hero .pvo-actions {
        margin-top: 18px;
    }

    #parolek-vo-page-v1 .pvo-hero .pvo-btn {
        min-height: 42px;
        padding-left: 18px;
        padding-right: 18px;

        font-size: 13px;
    }

    #parolek-vo-page-v1 .pvo-hero__media {
        height: 440px;
        min-height: 440px;
        max-height: 440px;
    }

    #parolek-vo-page-v1 .pvo-hero__media img {
        width: 100% !important;
        height: 440px !important;
        min-height: 440px !important;
        max-height: 440px !important;

        object-fit: cover !important;
        object-position: center center;
    }

}